首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

jquery基本知识点的小结(一)

2012-12-27 
jquery基本知识点的总结(一)一、理论Jquery是轻量级的语言,它能够很快速、简洁地处理HTML文档、控制事件、给页

jquery基本知识点的总结(一)
一、理论
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)删除与指定表达式匹配的元素

热点排行