你的位置:首页 > 软件开发 > Java > jQuery最基础最全面的选择器大览

jQuery最基础最全面的选择器大览

发布时间:2016-05-20 22:00:08
一、基本选择器 1.标签选择器 (element):根据给定的标签名匹配元素 eg:$("h2")选取所有h2元素 --- 返回元素集合 2.类选择器 (.class):根据给定的class匹配元素 ...

    一、基本选择器

    1.标签选择器 (element):根据给定的标签名匹配元素

       eg:$("h2")选取所有h2元素 --- 返回元素集合

    2.类选择器 (.class):根据给定的class匹配元素

       eg:$(".title")选取所有class为title的元素 --- 返回元素集合

    3.ID选择器 (#id) :根据给定的id匹配元素

       eg:$("#title")选取id为title的元素 --- 返回单个元素

    4.并集选择器 (select1,select2,...,selectorN):将每一个选择器匹配的元素合并后一起返回

       eg:$("div,p,.title")选取所有div、p和拥有class为title的元素 ---返回元素集合

    5.交集选择器 (element.class或element#id):匹配指定class或id的某元素或元素集合(若在同一个页面中指定id的元素返回值,则一定是单个元素;若指       定class的元素,则可以是单个元素,也可以是元素集合)

      eg:$("h2.title")选取所有拥有class为title的h2元素  ---返回单个元素或元素集合

    6.全局选择器 (*) :匹配所有元素

      eg:$("*")选取所有的元素  ---返回集合元素

    

    二、层次选择器

      1.后代选择器 (ancestor descendant)选取ancestor元素里所有descendant元素

      2.子选择器  (parent>child) 选取parent元素下的child(子)元素

      3.相邻元素选择器 (prev+next) 选取紧邻prev元素之后的next元素

      4.同辈元素选择器 (prev~sibings) 选取prev元素之后的所有sibings(同辈)元素

      *案例

<html ="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <title>上机练习1</title>  <script src='/images/loading.gif' data-original="js/jquery-1.12.3.min.js"></script>  <script type="text/javascript">    $(function () {      $("p").click(function () {

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:jQuery最基础最全面的选择器大览

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录