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

你可能感兴趣的:(jQuery选择器学习理解)