一、初识jQuery

  jQuery是一个JavaScript函数库。主要包含的功能有:HTML元素的选取、操作,CSS操作,HTML事件函数,JavaScript特效和动画,HTML DOM遍历和修改,AJAX,Utilities。

二、引入jQuery

  向网页中添加jQuery有两种方式(1):从jQuery官网下载jQuery库,然后在网页中引入。(2):从CDN中载入jQuery,常用的有百度和新浪的库,链接如:http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js,当然还有很多其他的静态库,可以直接查询百度静态资源公共库,找自己需要的。或者谷歌和微软的库,链接如:< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">< /script>。看自己需要吧,一般来说,使用CDN比较高速、全面。好像国内百度和新浪好一点,毕竟FQ什么的还是很麻烦的。

三、关于jQuery版本

  当然越新兼容越好了啦,毕竟是在不断修复bug的过程,但是1系列兼容ie678,而2系列只是从ie9开始兼容的。其他浏览器兼容差不多。ie好烦人。。

四、基本语法

  $(selector).action();   jQuery选择器+动作。简单直接。

五、选择器和事件

  jQuery选择器:在API中有很多的Selector,常用的有:id,class,p。

  jQuery事件主要有以下几个分类:

  (1)常用事件方法:click,dbclick,mouseenter,mouseleave等

  (2)绑定事件:主要是bind(),语法结构是.bind( eventType [, eventData ], handler )

  (3)解除绑定事件:unbind()

  (4)事件的目标:bind目标包括父级,currentTarget和Target

  (5)事件的冒泡:用event.stopPropagation()方法可以阻止事件冒泡

  (6)自定义事件:var e=jQuery.Event("myevent");

六、jQuery HTML的捕获,设置,添加元素,删除元素

  (1)jQuery捕获 text,html,val,attr("")等

  (2)jQuery设置

  (3)jQuery添加元素 append,prepend,before,after.分为3类html,jQuery,DOM.

  (4)jQuery删除元素 remove ,empty.

  

jQuery--引入,基本语法,以及常用事件的更多相关文章

  1. 【jQuery】(4)---jQuery常用事件

    [jQuery入门](4)---jQuery常用事件 一.常用事件列表 1.blur() 当失去焦点时触发.包括鼠标点击离开和TAB键离开. 2.change() 当元素获取焦点后,值改变失去焦点事触 ...

  2. 测开之路一百:jquery引用、语法、事件

    工作中一般会使用jquery代替js,jquery官网:https://jquery.com/ 引用jquery: 第一种方式:下载引用: jquery下载官网:https://jquery.com/ ...

  3. jQuery常用事件

    1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式.它和onload具有类似的效果 ...

  4. 基础5.jQuery常用事件

    jQuery常用事件 1.bind() 方法 :为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 2.blur() 方法:当元素失去焦点时发生 blur 事件. 3.change() ...

  5. jQuery常用事件及扩展

    jquery中的常用事件 blur([[data],fn])     --失去焦点触发(鼠标)focus([[data],fn])  --得到焦点触发(鼠标)change([[data],fn]) - ...

  6. jquery常用事件——幕布

    jquery常用事件:https://mubu.com/doc/yIEfCgCxy0

  7. jQuery常用事件,each循环,引用当前时间

    jQuery常用事件,each循环,引用当前时间 1.常用事件 click(function(){...}) #点击时触发hover(function(){...}) #鼠标移到时就触发blur(fu ...

  8. jQuery学习之旅 Item8 DOM事件操作

    1.jquery页面载入事件 1.传统加载事件 <body onload="函数名()"> 页面全部html和css代码加载完成之后再调用指定的onload函数 win ...

  9. jquery属性操作,应用,事件,扩展extend,动画效果(二)

    一.相关知识点总结1.CSS .css()      - .css("color")  -> 获取color css值 - .css("color", & ...

随机推荐

  1. poj 1080 dp如同LCS问题

    题目链接:http://poj.org/problem?id=1080 #include<cstdio> #include<cstring> #include<algor ...

  2. 关于android 自己实现 back键 home键

    今天在被问到一个问题的时候突然想要看看这些东西了.因为一直以来,我返回上个界面,和大家普遍的方法都是一样的. 1. finish()本页面. 2. intent 跳转到上个页面. 一 ,在 按下手机上 ...

  3. 基于TCP的socket通信过程及例子

    Socket也叫套接字,用来实现网络通讯,通过调用系统提供的API,可以和远程的机子传输数据.Socket有很多种协议,而这篇文章主要讨论TCP部分的内容,也就是说后面说的内容主要是指TCP Sock ...

  4. java实现链表结构

    1. 定义节点node public class Node<T> { private Node<T> pre; private Node<T> next; priv ...

  5. 数据库中存储日期的字段类型究竟应该用varchar还是datetime ?

    背景: 前段时间在百度经验看到一篇文章<如何在电脑右下角显示你(爱人)的名字>,之前也听过这个小技巧,但没真正动手设置过.所以出于好奇就实践了一下. 设置完成后的效果例如以下.右下角的时间 ...

  6. hive运行query语句时提示错误:org.apache.hadoop.ipc.RemoteException: java.io.IOException: java.io.IOException:

    hive> select product_id, track_time from trackinfo limit 5; Total MapReduce jobs = 1 Launching Jo ...

  7. Android编程动态创建视图View的方法

    在Android开 发中,在Activity中关联视图View是一般使用setContentView方法,该方法一种参数是使用XML资源直接创 建:setContentView (int layout ...

  8. OC-KVO简介

    一,概述 KVO,即:Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.简单的说就是每次指定的被观察的对象的属性被修改后,KVO就会自动通知相应 ...

  9. Java基础知识强化之集合框架笔记14:List集合存储字符串并遍历

    1. List集合存储学生对象并遍历: 需求:存储字符串并遍历 分析: (1)创建集合对象 (2)创建字符串对象 (3)添加字符串对象到集合中 (4)遍历集合 2. 代码示例: package cn. ...

  10. Android(java)学习笔记208:Android中操作JSON数据(Json和Jsonarray)

    1.Json 和 Xml       JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的 ...