点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

jQuery学习笔记之jQuery选择器的使用_jquery

来源：动视网责编：小采时间：2020-11-27 20:56:29

jQuery学习笔记之jQuery选择器的使用_jquery

jQuery学习笔记之jQuery选择器的使用_jquery:一.基本选择器： #id :选择给定ID名的元素如：$(#id1)为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2...... :选择这些名称的元素，以逗号隔开，可以是类或id名

推荐度：

点击下载本文 文档为doc格式

导读jQuery学习笔记之jQuery选择器的使用_jquery:一.基本选择器： #id :选择给定ID名的元素如：$(#id1)为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2...... :选择这些名称的元素，以逗号隔开，可以是类或id名

一.基本选择器：

#id :选择给定ID名的元素如：$("#id1")为选择id为id1的元素

.class :选择给定类名的元素

element :选择给定元素名的所有原色

* :匹配所有元素

selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名

二.层次选择器：

$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素

$("parent>child") ：选择parent下的所有child（子）元素

$('prev+next') :选择紧跟prev后面的第一个next元素

$('prev~siblings') :选择prev后面的所有siblings元素

$('prev+next') 和$(.prev).next("next")作用一样

$('prev~siblings')和$(.prev).nextAll("siblings")作用一样

三.过滤选择：

：first 选择第一个元素如：$("div:first")为选择第一个div元素

：last 选择最后一个元素

：not(selector) 选择不是selector的元素

：even 选择偶数索引的元素

：odd 选择所有奇数索引的元素

：eq(index) 选择索引等于index的元素

：gt(index) 选择索引大于index的元素

：lt(index) 选择索引小于index的元素

：header 选择所有元素

：animanted 选择所有动画元素

四。内容过滤：

：contains(text) 选择含有text文本的元素如：$("div:contains('hello')")为选择含有hello字符的div元素

：empty 选择所有不含字符的元素

：has(selector) 选择含有selector元素的元素

：parent 选择含有子元素的元素

五。可见性过滤：

：hidden 选择所有可见元素

：visible 选择所有不可见元素

六。属性过滤：

[attribute] 选择拥有此属性的元素如$("div[id]")选择包含id属性的div元素

[attribute=value] 选择attribute属性等于value值的元素

[attribute!=value] 选择attribute属性不等于value值的元素

[attribute^=value] 选择attribute属性等于value值的元素

[attribute$=value] 选择attribute属性值以value值开始的元素

[attribute*=value] 选择attribute属性值含有value值的元素

[selector1][selector2]....满足这些条件的元素（组合）

七。子元素过滤选择器

：nth-child(index/even/odd/eqation)选择父元素下的[索引/偶/奇]的子元素

：first-child 选择父元素的第一个子元素

：last-child选择父元素的最后一个子元素

：only-child 选择父元素下是唯一的子元素

八。表单属性过滤

：enabled 选择所有可见元素如：$("#form1:enabled")是选择表单id为form1的所有可以用元素

：disable 选择所有不可见元素

：checked 选择所有被选择的元素

：selected 选择所有被选中的选项元素

九.表单对象过滤

：input 选择所有

<select><button>元素 
<LI>：text 选择所有单行文本款，下面的都是这个格式 
<LI>：password 
<LI>：radio 
<LI>：checkbox 
<LI>：submit 
<LI>：image 
<LI>：reset 
<LI>：button 
<LI>：file 
<LI>：hidden

if ($ != jQuery) {
	$ = jQuery.noConflict();
}

</LI>

</p><p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/dysph.js"></script></div>    
<div class="downbox clearfix">
    <div class="ico"><img src="https://js.51dongshi.net/tpl/pc2/images/document.png" alt="文档"></div>
    <div class="txt">
        <h4>jQuery学习笔记之jQuery选择器的使用_jquery</h4>
        <div class="co">jQuery学习笔记之jQuery选择器的使用_jquery:一.基本选择器：  #id :选择给定ID名的元素 如：$(#id1)为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2...... :选择这些名称的元素，以逗号隔开，可以是类或id名  </div>
        <div class="tj"><b>推荐度：</b><div class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
    </div>
    <div class="btn">
        <a href="javascript:;"  class="html2word" data-model="article" data-id="absvrv" title="文档下载">
            <b>点击下载本文</b>
            <span>文档为doc格式</span>
        </a>
    </div>
</div>
              
       <script>keji_detail_ga('article_content_bottom');</script> 
                <div class="tvideo_tag">
            标签：
                        <a href="/tlist-10588/">学习</a>
                        <a href="/tlist-869390/">选择器</a>
                        <a href="/tlist-2132435/">jQuery</a>
                    </div>
                
            
            <div class="tvideo_box tvideo_box_tab"> 
                    <div class="hd">
                        <ul><li class="on">热门焦点</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul>
                    </div>
                    <div class="bd">
                        <ul class="ult_jpic clearfix">
                            <script>get_hot_jiaodian_content('wz_hot_jiaodian',33,'hot',1);</script>
                            
                            
                        </ul>
                        
                    </div>
            </div>
            
        </div>
        
        
        <div class="ult_zt">
            <script>keji_detail_ga('article_right_top');</script>
            <div class="ult_ztbox">
                <h4>最新推荐</h4>
                <ul class="tvideo_r_a clearfix">
                    <script>get_detail_right('wz_right_new',33,'')</script>
                
                
                
            </ul>
            </div>
            <script>keji_detail_ga('article_right_middle');</script>
            
            <div class="ult_ztbox">
                <h4>猜你喜欢</h4>
                <ul class="telist_rb clearfix">
                    <script>get_detail_right('wz_right_love',33,'')</script>
                    
                   
                    
                </ul>
            </div>
           
            <script>keji_detail_ga('article_right_new_bottom');</script>
            
           
            <div class="ult_ztbox">
                <h4>热门推荐</h4>
                <ul class="tvideo_r_b clearfix">
                    <script>get_detail_right('wz_right_hot',33,'')</script>
                    
                </ul>
            </div>
           
            <script>keji_detail_ga('article_right_bottom');</script>
        </div>
        
        <div style="display:none"><a href="https://www.51dongshi.net/wzztf/ab/absvrv/">专题</a>
</div>
    </div>

</div>
<script src="https://js.51dongshi.net/plug/qrcode/qrcode.min.js"></script>
<script src="https://js.51dongshi.net/js/share.js" charset="UTF-8"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/waypoints.min.js"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/icon_step.js"></script>
<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div id="qrcode" style="display: none"></div>
<script>new QRCode(document.getElementById("qrcode"), "https://m.51dongshi.net/eedfabsvrv.html");</script>
<iframe src="https://hits.51dongshi.net/?biao=ho_article&id=963717" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<script src="https://js.51dongshi.net/js/shHighlighter.js"></script>
<link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css">
<script id="fffz" data-domain="//www.51dongshi.net/index" src="https://js.51dongshi.net/js/fffz/fffz.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/pcwz/tj.js"></script>
<div style="display:none"><script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?4b1ebb0298b66c8a109db070c4878833";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    </div>

<div class="footer">
    <div class="m_box">
        <div class="footer_in"> 
            <a href="#" target="_blank">产品服务</a>
            <a href="#" target="_blank">发展历程</a>
            <a href="#" target="_blank">企业资讯</a>
            <a href="#" target="_blank">企业文化</a>
            <a href="#" target="_blank">关于我们</a>
            <a href="#" target="_blank">加入我们</a>
            <a href="#" target="_blank">联系我们</a>
            <a href="#" target="_blank">网站导航</a>
            <a href="#" target="_blank">网站律师</a>
        </div>
        <ul class="ftrlist">
            <li>
                 <a rel="nofollow" href="https://www.itrust.org.cn" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo01.gif" alt="中国互联网协会"></a>
             </li>
             <li>
                 <a rel="nofollow" href="https://www.12377.cn/" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/12377logo.png" alt="中国互联网举报中心"></a>
             </li>
             <li>
                 <a rel="nofollow" href="http://www.cyberpolice.cn/" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo05.gif" alt="网络110报警服务"></a>
             </li>
             <li>
                 <a rel="nofollow" href="http://www.creditchina.gov.cn/" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/creditchina.gif" alt="信用中国"></a>
             </li>
             <li class="last">
                 <a rel="nofollow" href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo11.png" alt="中国扫黄打非网"><p>中国扫黄打非网</p>
                 </a>
             </li>
        </ul>
        <div class="footer_co"> 
            <a href="/" class="footlogo"><img src="https://js.51dongshi.net/tpl/pc2/images/logo.png" alt="动视"></a>
            <p>Copyright © 2019-2025 <a href="/" target="_blank">51dongshi.net</a> 版权所有</p>
            <p>
                <a rel="nofollow" target="_blank" href="https://beian.miit.gov.cn/">赣ICP备2023002352号-34</a>
            </p>
            <p>违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务</p>
            
        </div>
    </div>
</div>

</script>
<script type="text/javascript" src="https://jss.51dongshi.net/ga/all.js"></script>

</body>
</html>