- jquery通过$() 来取得DOM元素,这里叫工厂方法。其$符号可以替换成其他的字母以避免于其他JS库冲突。
- $() 括号中的字符串接受三种类型:
- 标签名:<p> ,取这个标签的元素,可以通过$('P') 来实现。
- ID: <input type="text" id="name"/>: 这里可以通过 $('#name') 来取得这个元素,注意ID前面有#。
- CSS类: <input type="text" class="t"/>:这里可以通过$('.t')来取得这个元素,注意前面的. 点号。
- CSS选择符:它有DOM遍历的功能,比如有一组HTML元素,父元素有id“room”,比如<ul id='room'>,其包含3个子元素分别都是<li>标签,那么可以通过$('#room > li') 的方式,找到id为room的元素下的所有li标签,注意这里使用了> 符号,它代表找元素的下一层,我理解有点像,一个对象的某个属性,当然这里的属性可以是同名的多个。
- CSS选择符还支持“否定式”比如,你想找上面这个room下的所有<li>元素,但是要排除掉<li class='desk'>的元素,可以这样找 $('room li:not('.desk')')。 注意这里使用了:not。
- 属性选择符:可以通过$('img[alt]') 。 这是说,找到所有的img标签,并找到这个标签的alt属性。属性选择符中海可以使用类似正则表达式的方式查找元素,比如$('a[href^=mailto]'): 其中^符号表示以。。。开头,这里是以mailto开头的链接。还比如$('a[href$=pdf]'):其中$表示以。。。结尾,这里是以pdf字符串结尾的内容;还比如可以用*来匹配任意字符,比如$(a[href*=henry])表示查找链接中包含henry字符的,当然这些都可以组合使用比如$('a[href^=http][href$=pdf][href*=henry]').addClass('test')。
- 自定义选择符:使用":"冒号来选取自定义元素
- 表单选择符:使用:符号来选取表单元素,如:text,:checkbox,:input,:button,:enable,:disable等等。
- filter方法可以用于过滤,还可以在过滤条件内使用函数。比如$('tr').filter(':odd'),可以过滤tr元素中class=odd的元素。
- next可以找到,DOM中当前元素的下一个元素。与之对应的是prev
- nexall可以找到,DOM中当前元素后面的所有元素。与之对应的是prevall
- addSelf是对应next,nextall,prev,prevall方法使用时,表示还包括当前这个元素。
- parent表示找到当前这个元素的父辈元素。
- children表示找到当前这个元素在DOM中的子元素。
- jquery的连缀功能,说白了就是每次调用一个对象的方法都能返回这个找到的元素对象,接着继续调用其他方法。
- get方法可以返回DOM对象的某个位置的对象,get(0)返回DOM树中的第一个对象。
学习笔记 第二章
最新推荐文章于 2024-08-14 20:15:00 发布