学习笔记 第二章

  1. jquery通过$() 来取得DOM元素,这里叫工厂方法。其$符号可以替换成其他的字母以避免于其他JS库冲突。
  2. $() 括号中的字符串接受三种类型:
    1. 标签名:<p> ,取这个标签的元素,可以通过$('P') 来实现。
    2. ID: <input type="text" id="name"/>: 这里可以通过 $('#name') 来取得这个元素,注意ID前面有#。
    3. CSS类: <input type="text" class="t"/>:这里可以通过$('.t')来取得这个元素,注意前面的. 点号。
  3. CSS选择符:它有DOM遍历的功能,比如有一组HTML元素,父元素有id“room”,比如<ul id='room'>,其包含3个子元素分别都是<li>标签,那么可以通过$('#room > li') 的方式,找到id为room的元素下的所有li标签,注意这里使用了> 符号,它代表找元素的下一层,我理解有点像,一个对象的某个属性,当然这里的属性可以是同名的多个。
  4. CSS选择符还支持“否定式”比如,你想找上面这个room下的所有<li>元素,但是要排除掉<li class='desk'>的元素,可以这样找 $('room li:not('.desk')')。 注意这里使用了:not。
  5. 属性选择符:可以通过$('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')。
  6. 自定义选择符:使用":"冒号来选取自定义元素
  7. 表单选择符:使用:符号来选取表单元素,如:text,:checkbox,:input,:button,:enable,:disable等等。
  8. filter方法可以用于过滤,还可以在过滤条件内使用函数。比如$('tr').filter(':odd'),可以过滤tr元素中class=odd的元素。
  9. next可以找到,DOM中当前元素的下一个元素。与之对应的是prev
  10. nexall可以找到,DOM中当前元素后面的所有元素。与之对应的是prevall
  11. addSelf是对应next,nextall,prev,prevall方法使用时,表示还包括当前这个元素。
  12. parent表示找到当前这个元素的父辈元素。
  13. children表示找到当前这个元素在DOM中的子元素。
  14. jquery的连缀功能,说白了就是每次调用一个对象的方法都能返回这个找到的元素对象,接着继续调用其他方法。
  15. get方法可以返回DOM对象的某个位置的对象,get(0)返回DOM树中的第一个对象。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值