jquery中如何选择元素-创新互联

        $(document).ready(function(){
              $('tr:even').addClass('alt');
         });

 给dom中所有的奇数添加样式类alt，偶数使用odd

 :nth-child 这个选择符相对于元素的父元素来进行计算，可以结束数字,odd,even作为参数

    是jquery中唯一一个从1开始计数的选择符

        $(document).ready(function(){
              $('td:contains(Henry)').addClass('highlight');
        });

 选择任何一个单元格的内容中包含Henry的元素，添加highlight样式类  :contains()          区分大小写

 表单选择符

 :input     输入类的元素

 :button     按钮元素或type为button的元素

 :enabled    启用的表单元素

 :disabled    禁用的表单元素

 :checked    勾选的单选按钮或复选框

 :selected    选择的选项元素

 2.6DOM遍历方法

 .filter()方法会迭代所有匹配的元素，对每个元素都调用传入的函数兵进行测试函

                数的返回值,true则保留，false则从匹配集合中删除相应元素

                $('tr').filter(':even').addClass('alt');

 .next    选择匹配元素的后一个元素

        $(document).ready(function(){
              $('td:contains(Henry)').next().addClass('highlight');
         });

            .nextAll   选择匹配元素的后面所有元素

        $(document).ready(function(){
              $('td:contains(Henry)').nextAll().addClass('highlight');
         });

               .prev    选择匹配元素的钱一个元素

        $(document).ready(function(){
              $('td:contains(Henry)').prev().addClass('highlight');
         });

    .prevAll   选择匹配元素的前面所有元素

        $(document).ready(function(){
              $('td:contains(Henry)').prevAll().addClass('highlight');
         });

    .sliblings  选择处于相同DOM层次的所有其他元素

          $(document).ready(function(){
              $('td:contains(Henry)').sliblings().addClass('highlight');
         });

        $(document).ready(function(){
              $('td:contains(Henry)').nextAll().addBack().addClass('highlight');
         });

   .addBack() 在选择的元素中再包含原来的元素

        $(document).ready(function(){
              $('td:contains(Henry)').parent().children().addClass('highlight');
         });

 通过.parent()在DOM中追溯到上一层到达,然后再通过.children()选择该行的
         所有单元格

2.7访问DOM元素

为什么要访问DOM:所有选择符表达式和多数jquery方法都返回一个jquery对象，而这通常是

        我们所期望的因为jquery对象能够提供隐式迭代能力；但是有时候我们还是可能需要再代码

        中直接访问DOM元素，

 var myTag = $('#my-element').get(0).tagName;
 简写：var myTag = $('#my-element')[0].tagName;

选择id为my-element的元素的标签名

以上是“jquery中如何选择元素”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。