美文网首页
jq选择器

jq选择器

作者: 王帅同学 | 来源:发表于2018-10-17 23:25 被阅读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');

相关文章

  • jq初始,选择器,事件,内容操作,样式操作

    jq初始 jq选择器 jq事件 jq内容操作 jq样式操作

  • 前端

    1.闭包 2.JQ加载 3.JQ选择器

  • jQuery学习指南01

    jQuery的优点 轻,jq一共30kb左右。 选择器强大,jq支持从css1到css3几乎所有的选择器。而jq自...

  • dom对象和jq对象-2020-01-01

    dir =>显示对象的所有属性和方法。原生选择器获取dom对象.png JQ选择器获取图片.png ?JQ对象和D...

  • jq

    1.选择器获取元素$("")//里面放字符串--选择器 2.原生对象与jq对象之间的转化 注意:(1)通过jq获取...

  • 前端js学习

    js没有定义类的说法直接创建对象 jq选择器: 选择器改变标签属性

  • JQ二刷

    1. JQ操作和原生JS操作 2.选择器 2.1基本选择器 2.2后代选择器 2.3 索引选择器 2.4 显示隐藏...

  • jQuery速成笔记(一)

    本小爷自从学习了jq,再也不想写原生的js了,出于我对jq的喜爱,今天兴趣来了,想写篇jq的文章。。嘿嘿! 选择器...

  • jQuery 选择器

    本节我们来学习 jQuery 中的选择器,选择器是 jQuery 库中最重要的部分之一。 jQuery选择器 jQ...

  • jQuery 选择器

    本节我们来学习 jQuery 中的选择器,选择器是 jQuery 库中最重要的部分之一。 jQuery选择器 jQ...

网友评论

      本文标题:jq选择器

      本文链接:https://www.haomeiwen.com/subject/uiwrzftx.html