jQuery选择器学习理解

  jQuery 使用的先决条件就是要选中元素。因此选择器就是学习使用jQuery的基础。

jQuery选择器的固定格式是$("选择条件") ,jQuery的选择器又可以分为元素选择器、类选择器、ID选择器。选择器语法和css选择器语法类似

  1. 元素选择器$("p") 选择所有的p元素,$("a")选择所有的a元素。
  2. 类选择器$(".title") 选择css class为title 的元素。
  3. ID选择器 $("#news") 选择ID为news的元素。

jQuery 选择器之间可以相互组合。例如选择所有css类是title 的p元素,可以使用$("p[class='title']")。这种写法属于

属性过滤。类似的如果要获取id 为"select"的下拉列表选中项的文本可以这样写$("#select").children("option:selected").text()

要同时选择多个不相关元素可以使用逗号将选择条件隔开 ,例如选择ID为"id1"和"id2"的元素可以使用$("#id1,#id2")。

查找子元素可以使用find方法,例如要查找class 为"test" 的div 下面id为"xx" 的元素可以使用$(".text").find("#xx")。

find 方法查找时是从直接子元素和间接子元素中查找。而children方法则是从直接子元素中查找。如果id为xx的元素是

class 为"test" 的直接子元素。上面给的写法可以改写为$(".test").children("#xx");children方法使用时可以不加参数,

默认返回所有子元素。而find方法必须带参数。

转载于:https://www.cnblogs.com/Freedomchan/archive/2013/06/09/3130141.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值