jQuery+AJAX+JSON

《jQuery+AJAX+JSON》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jQuery1.什么是jQuery??jQuery是一个优秀的JavaScript框架，一个轻量级的JavaScript类库。jQuery的核心理念是Writeless，Domore。使用jQuery可以兼容各种浏览器，方便的处理HTML、Events、动画效果等，并且方便的为网站提供AJAX交互。2.jQuery的特点：利用选择器来查找要操作的节点，然后将这些节点封装成一个jQuery对象，通过调用jQuery对象的方法或者属性来实现对底层被封装的节点的操作。好处：a、兼容性更好；b、代码更简洁3.编程步骤：step1、使用选择器

2、查找节点step2、调用jQuery的属性和方法4.jQuery对象与DOM对象之间的转换1.什么是jQuery对象？？jQuery对象是jQuery对底层对象的一个封装，只有创建了这个对象，才能使用类库中提供的方法。2.DOM对象---->jQuery对象DOM对象向jQuery对象的转变很容易，外面追加$和圆括号即可。functionf(){varobj=document.getElementById(‘d1’);//DOM->jQuery对象var$obj=$(obj);$obj.html(‘hellojQuery’);}3.

3、jQuery对象---->DOM对象jQuery对象向DOM对象转化，通过调用get方法加参数值0即可$obj.get(0)。functionf(){var$obj=$(‘#d1’);//jQuery对象->DOMvarobj=$(obj).get(0);obj.innerHTML=‘hellojQuery’;}5.jQuery选择器1.什么是jQuery选择器？？jQuery选择器是一种类似CSS选择器的特殊说明符号，能够帮助jQuery定位到要操作的元素上，使用了选择器可以帮助HTML实现内容与行为的分离。只需要在元素上加上Id

4、属性。2.选择器的种类a、基本选择器#id根据指定的ID匹配一个元素.class根据指定的类匹配一个元素element根据的指定的元素名匹配所有的元素select1,select2,......将每一个选择器匹配到的元素合并后一起返回*匹配所有元素b、层级选择器1.select1空格select2查找指定元素的所有的后代2.select1>select2查找子节点3.select1+select2下一个兄弟4.select1~select2下面所有的兄弟c、过滤选择器1.基本过滤选择器:first获取第一元素:last获取最后一个元

5、素:not排除选择器要求的元素:even匹配所有下标为偶数的元素:odd匹配所有下标为奇数的元素:eq匹配所有给定索引值的元素:gt匹配所有大于给定索引值的元素:lt匹配所有小于给定索引值的元素2.内容过滤选择器:contains匹配包含给定文本的元素:empty匹配所有不包含子元素或者文本的空元素:has匹配含有选择器所匹配的元素的元素:parent匹配含有子元素或者文本的元素3.可见性过滤选择器根据元素在页面中的可见属性进行过滤，主要是对hidden属性和visible属性的判断。:hidden匹配所有不可见元素，或者type为

6、hidden的元素:visible匹配所有的可见元素4.属性过滤选择器属性过滤器会对标记的属性进行判断，符合条件的元素会作为返回的对象。[attribute]匹配包含给定属性的元素。[attribute=value]匹配给定的属性是某个特定值的元素[attribute!=value]匹配所有不含有指定的属性，或者属性不等于特定值的元素。[attribute^=value]匹配给定的属性是以某些值开始的元素[attribute$=value]匹配给定的属性是以某些值结尾的元素[attribute*=value]匹配给定的属性是以包含某

7、些值的元素[attrSel1][attrSel2][attrSelN]复合属性选择器，需要同时满足多个条件时使用。5.子元素过滤选择器子元素过滤选择器会根据子元素的位置的数值来进行筛选。:nth-child（index、enven、odd）匹配其父元素下的第N个子或奇偶元素。注意':eq(index)'只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！6.表单对象属性过滤选择器:enabled匹配所有可用元素:disabled匹配所有不可用元素:checked匹配所有选中的被

8、选中元素(复选框、单选框等，不包括select中的option):selected匹配所有选中的option元素d、表单选择器使用的规则和以上各选择器一致。$(“：input”)就会返回所有的input输入框，大多数情况下，表单选择器