jQuery
jquery对象和dom对象
jquery找到的标签对象 – jquery对象
原生js找到的标签对象 – dom对象
dom对象只能使用dom对象的方法,jquery不能使用dom对象的方法,但是自己封装了jquery的方法,但是各自的方法可以互相转换
转换方法
dom -> jquery : $(dom_object)
jquery -> dom : jquery_object[0]
jquery选择器
选择器可能会有多个标签,会放到多个数组里面,但还是jquery对象,能够使用jquery方法,意思是找到所有的标签进行统一设置,如果需要单独设置某一个标签,可以通过索引取值,但是单个取出的时候,是dom对象,需要转换成jquery对象
基本选择器
id选择器
jQuery('#d1') -- $('#d1')
标签选择器
$('标签名') -- $('div')
class选择器
$('.c1')
所有元素选择器
$('*')
组合选择器
$('#id,.c1,div')
层级选择器
后代选择器
$('x y')
儿子选择器
$('x > y')
毗邻选择器
$('x + y')
兄弟选择器
$('x ~ y')
基本筛选器
:first
:last
:eq(index) 索引,支持负数
:odd 索引为奇数
:even 索引为偶数
:gt(index) 索引大于index
:lt (index) 索引小于index
:not(元素选择器) 移除所有满足not条件的标签
:has(元素选择器) 找到后代中含有满足has里面的选择器的那个标签
属性选择器
[attribute]
[attribute=value]
[attribute!=value]
表单筛选器
:text
:password
:file
:radio
:checkbox
:submit
:reset
:button
表单对象属性筛选器
:enabled
:disabled
:checked
:selected