一、理论
Jquery是轻量级的语言,它能够很快速、简洁地处理HTML文档、控制事件、给页面添加动画和Ajax效果等,总之一句话:jquery是写的代码少,而实现的功能多。
二、简述
使用jquery之前必须先引入jquery的js文件,如下:
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
window的onload事件与jquery中的ready方法都有在页面加载的时候执行方法里的代码,他们之间的不同点是:window.onload = function(){}方法在加载html 并且加载外部所有的引用文件(图片,css样式,js等。而jquery的ready方法,不加载外部的引用文件。
3、DOM对象 是不能使用Jquery中的方法的. JQuery中的对象是不能使用DOM对象的方法。因此他们之间可以相互转化。
DOM对象转换成Jquery对象的方式:var $document=$(document)($是jQuery的别名),对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象。
Jquery对象转换成DOM对象的方式: var domObject = $("#thed")[index]或 var domObject = $("#thed").get(index)
三、jquery中的选择器
基本
* 匹配所有的元素
.className匹配所有的className相同的元素
#idName 匹配idName的元素
, 用英文逗号区分并列的关系
Element 直接写element的名字,如:$(tr),并匹配所有的element
层级
Space 表示祖先与子孙的关系
> 表示父亲与孩子的关系
+ 表示自己的下一个关系
~ 表示自己的下一个兄弟的关系
简单
:equest(index) 返回匹配一个给定索引值的元素
:frist() 返回匹配找到的第一个元素
:last() 返回匹配找到的最后一个元素
:gt(index) 返回匹配所有大于给定索引值的元素
:lt(index) 返回匹配所有小于给定索引值的元素
:even 匹配所有索引值为偶数的元素,从 0 开始计数
:odd 匹配所有索引值为奇数的元素,从 0 开始计数
:header 匹配如 h1, h2, h3之类的标题元素
:not(selected) 删除与指定表达式匹配的元素
Jquery是轻量级的语言,它能够很快速、简洁地处理HTML文档、控制事件、给页面添加动画和Ajax效果等,总之一句话:jquery是写的代码少,而实现的功能多。
二、简述
使用jquery之前必须先引入jquery的js文件,如下:
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
window的onload事件与jquery中的ready方法都有在页面加载的时候执行方法里的代码,他们之间的不同点是:window.onload = function(){}方法在加载html 并且加载外部所有的引用文件(图片,css样式,js等。而jquery的ready方法,不加载外部的引用文件。
3、DOM对象 是不能使用Jquery中的方法的. JQuery中的对象是不能使用DOM对象的方法。因此他们之间可以相互转化。
DOM对象转换成Jquery对象的方式:var $document=$(document)($是jQuery的别名),对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象。
Jquery对象转换成DOM对象的方式: var domObject = $("#thed")[index]或 var domObject = $("#thed").get(index)
三、jquery中的选择器
基本
* 匹配所有的元素
.className匹配所有的className相同的元素
#idName 匹配idName的元素
, 用英文逗号区分并列的关系
Element 直接写element的名字,如:$(tr),并匹配所有的element
层级
Space 表示祖先与子孙的关系
> 表示父亲与孩子的关系
+ 表示自己的下一个关系
~ 表示自己的下一个兄弟的关系
简单
:equest(index) 返回匹配一个给定索引值的元素
:frist() 返回匹配找到的第一个元素
:last() 返回匹配找到的最后一个元素
:gt(index) 返回匹配所有大于给定索引值的元素
:lt(index) 返回匹配所有小于给定索引值的元素
:even 匹配所有索引值为偶数的元素,从 0 开始计数
:odd 匹配所有索引值为奇数的元素,从 0 开始计数
:header 匹配如 h1, h2, h3之类的标题元素
:not(selected) 删除与指定表达式匹配的元素