jq选择器

2018-10-17  本文已影响0人  王帅同学
      // 全部选择器,选择页面中所有的标签元素。
      var $all = $('*');
      console.dir($all);

      // 类选择器
      var $cd = $(".cd");
      console.dir($cd);

      var div1 = $cd[0];
      console.log(div1.innerHTML);

      // 标签选择器和并集选择器
      console.dir($('div, h3'));

      // 交集选择器
      console.dir($('div.cd2'));

      // 过滤选择器和后代选择器
      console.dir($('.list li:first'));

偶数行

:even

奇数行

:odd

父容器

.parent()

给Class增加一个类

.addClass()

给Class移除一个类

.removeClass()

除自己以外的所有兄弟标签

.siblings();

获得当前元素的索引

.index();

获取索引的dom对象

.get();

      // 包含选择器
      var $div = $('div:contains("laoma")');
      // 如果选择器返回的是多个元素的时候,那么返回第一个元素的内部文本
      console.log($div.text());// jQuery获取选择元素的内部文本。
      var domDiv = $div[0];
      // var str = domDiv.textContent ? domDiv.textContent : domDiv.innerText;
      console.log(domDiv.innerHTML);

      //给标签设置css样式
      $(this).css('backgroundColor', '#ccc');
      //拿到兄弟所有的兄弟节点设置css样式
      $(this).siblings().css('backgroundColor', '#fff');
上一篇 下一篇

猜你喜欢

热点阅读