Thirty-eight jQuery 1

1、jQuery是基于JavaScript写的工具

　　如何使用：下载1.0+或3.0+的版本，然后<script src="jq位置"></script>即可（只能单独引用）

2、基本语法

　　$("")　　注意：jQuery === $（简写）

3、选择器

　　$("#id值")  根据id属性获取一个元素

　　$("#id值").html()  通过id元素获取元素的内容

　　注意：$()函数获取到的元素，返回值是一个类数组的jQuery对象，并非js那样的一个元素对象　　

　　$("div")  标签名选择器

　　$(".list .num")  层级选择器（使用较多）

　　$("input[name=idcard]")  属性选择器

　　$(".list num")  获取.list下面所有的li

　　　　其它：$(".list li:odd")  获取.list下面的索引下表为奇数的li

　　　　　　　$(".list li:even")  为偶数的li

　　$(".list li:odd").css({"color":"red",...})  给jQuery元素添加css外观

　　console.log($("li input:checked"))  获取多选框中具有勾选状态的所有标签，一般用于选择

4、对jQuery查询结果的过滤操作

　　$(".list li").eq(1)  eq表示从查询结果的数组提取指定下标的成员，里面可以是负数

　　$(".list li").not(".last")  not()表示排除指定选择器对应的元素，提取结果中的其它元素

　　$(".list li").has(".link")  在所有li元素中找出内部具有.link类名的元素

5、选择器的关系操作

　　$(".box").siblings()  获取当前元素的所有兄弟元素

　　$(".box").prevAll()  获取box元素前面的所有兄弟元素

　　$(".box").nextAll()  获取box元素后面的所有兄弟元素

　　　　　　.prev()  获取指定元素前面的一个兄弟元素

　　　　　　.next()  获取指定元素后面的一个兄弟元素

　　　　　　.index()  获取指定元素自身下标

　　　　　　.parent()  获取指定元素的父系元素

　　　　　　.parents()  获取指定元素的所有父系元素[爸爸、爷爷、太爷、祖宗]

　　　　　　.children()  获取指定元素的所有子元素

　　　　　　.children().children()  获取指定元素的所有孙子元素

　　　　　　.find("")  获取指定元素的指定子孙元素

6、操作元素内容和值

　　$("").html()  获取指定元素双标签的内容

　　注意：html网页中只有双标签内容，单标签只有属性和值

　　$("").html("<a href="">新的一个文本</a>")  修改元素的内容，把要修改的内容作为参数传入即可

　　与之相似的还有append

　　清空内容，直接使用空白字符串即可

　　$("input[type=password]").val()  获取表单元素的值

　　$("input[type=password]").val("xxx")  修改表单元素的值，如果要清空则使用空字符串

7、操作元素的属性

　　$("img").attr("src")  通过attr来获取元素指定属性的值

　　$("img").attr("src", "imgs/2.png")  设置元素指定属性的值[设置单个属性值]

　　$("img").attr({"src":"2.png", "alt":"这是一张图片"}) 设置多个属性值，用json对象

　　$("img").attr("src", function()){}  在修改属性的时候，传入匿名函数[拓展]

　　$("input[name=love]").attr("checked", false)  在js中修改状态都可以使用布尔值来处理

8、操作元素的样式

　　$("").css("")  获取指定元素的指定样式

　　$("").css("")  设置元素的指定样式[一个样式]，json可以设置多个

　　$("").eq(-1).addClass("")  对指定元素的倒数元素进行类名添加

　　$().eq(0).removeClass("")    移除指定元素的类名

　　$("").toggleClass("")  执行toggleClass的时候，当前元素如果有对应的类名，则删除无则添加

9、jQuery的链式编程

　　在对象每次调用自身方法的时候，如果返回值是自己当前对象，这种思想就是 链式编程

10、事件操作

　　$("input[name=uname]").on("blur",function(){})  失去焦点操作

　　$("input[type=submit]").on("click", function(){})  点击事件