jquery总结（1）

jquery是一种js对象。里面封装了一些方法，但是jquery对象不能直接使用js方法，js对象不能直接使用jquery方法。

jquery对象类似于js对象的集合，就是存在形式是以特殊数组的形式：

　　$("#hk")[0]

　　$("#hk").get(0)

两种方式可以将jquery对象转换成为dom对象

　　$(document.getElementById("hk"))

通过使用$()包含dom对象的方式可以将dom对象转化为jquery对象

jquery对象的优势是：干的少做的多，在操作dom上面很强大

但是单纯使用jquery往往难以达到我们的效果，我们应该学会jquery与js配合使用。

获取节点：选择器：

　　基本选择器：

　　　　id选择器：#id 例子：$("#fom1")

　　　　标签选择器：element 例子：$("p")

　　　　类选择器： .class 例子：$(".div1")

　　　　全局选择器：* 匹配body范围内的所有元素例子：$("*")

　选择器的交集和并集：

　　　　交集：直接紧靠在一起　　例如：$(".in1[name='username']")

　　　　并集:使用逗号隔开　　例如：$("#form1","span")

　　层级选择器：

　　　　后代（就是该元素下的元素，不一定是子级也可能是孙子级）：结构（选择器1 选择器2）:找出选择器1范围内的符合选择器2元素的集合　　例如：$("#form1 [name='username']")

　　　 parent > child 在给定父元素的情况下返回所有匹配的子元素　　例如：$("#form input")

　　　　prev+next 返回prev选择器后面的（紧挨着下一个）复合next选择器的集合　　$("label + input")

　　　　prev~Siblings 返回prev选择器后面的所有复合选择器Siblings的兄弟元素 $("form ~ input")

　　　基础选择器（和其他选择器一起使用，基于其他选择器的）：

　　　　:first 选定的第一个元素　　$("input:first")

　　　　:last 选定的最后一个元素　　$("input:last")

　　　　:not(selector) 不被后面选择器选中的值　　

　　　　:even 偶数下标

　　　　:odd 奇数下标

　　　　：eq(n) 指定下标n

　　　　:gt(n)　　大于n下标

　　　　:lt(n)　　小于n下标

　　　　:header　　匹配标题元素（例如h1,h2,h3...）

　　　　：animated　　匹配正在执行动画的元素

　　内容选择器：

　　　　:contains(text) 匹配包含给定文本的元素

　　　　:empty 匹配不包含子元素的元素（文本元素也是子元素）

　　　　:has(selector) 匹配含有匹配器匹配元素的元素

　　　　:parent 匹配含有子元素或者文本元素的元素

　　可见性：　

　　　　:hidden 匹配所有不可见的元素

　　　　:visible 匹配所有可见的元素

　　子元素：

　　　　:nth-child(n)　　匹配父元素下第n个子元素，与:eq(n)的区别是它的n是从1开始的

　　　　:first-child

　　　　:last-child

　　　　:only-child　　如果该元素是父元素下唯一的一个子元素，将会被匹配，指的是唯一的一个元素节点

　　属性选择器：

　　　　[attribute=value]

　　　　[attribute!=value]

　　　　[attribute^=value] ^是开始的意思，表示属性值是value开始的

　　　　[attribute$=value] $是结尾的意思

　　　　[attribute*=value] *表示属性值能够匹配value的元素

　　表单选择器：

　　　　：password 匹配所有密码框

　　　　:radio　　匹配所有单选按钮

　　　　:checkbox　　匹配所有复选框

　　　　:submit　　匹配所有提交按钮

　　　　:image　　匹配所有图像域

　　　　:reset　　匹配所有重置按钮

　　　　:button　　匹配所有按钮

　　　　：file　　文件域

　　　　:hidden　　不可见元素

　　　　:text　　所有的单行文本框

　　　　:input　　匹配所有 input, textarea, select 和 button 元素

　　表单对象属性：

　　　　：enable

　　　　：disable　

　　　　：checked

　　　　：selected

巴特西

jquery总结（1）

最新文章

热门文章