为了账号安全,请及时绑定邮箱和手机立即绑定
  • https://img1.sycdn.imooc.com//5b0577e10001fab706990615.jpg还需要多看57d654200001c46507360560.jpghttps://img1.sycdn.imooc.com//5b0577cd0001c5ee07180590.jpg

    查看全部
  • :empty

    需要注意的是,空格也会被认为是"内容".

    查看全部
  • jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。

    查看全部
  • 如果元素中占据文档中一定的空间,元素被认为是可见的。
    可见元素的宽度或高度,是大于零。
    元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。

    5590f6de0001e2b204460106.jpg

    查看全部
  • 57cd20bf0001a97f05290214.jpg

    <body>

        <h2>内容筛选器</h2>

        <h3>:contains/:has</h3>

        <div class="left">

            <div class="div">

                <p>:contains</p>

            </div>

            <div class="div">

                <p>:contains</p>

            </div>

            <div class="div">

                <p>

                    <span>:has</span>

                </p>

            </div>

            <div class="div">

                <p>:contains</p>

            </div>

        </div>


        <script type="text/javascript">

            //查找所有class='div'中DOM元素中包含"contains"的元素节点

            //并且设置颜色

            $(".div:contains('c')").css("color", "#CD00CD");

        </script>


    查看全部
  • 注意事项:

    1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引

    2. gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始

    57cd1df2000146de06020498.jpg

    查看全部
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。
    + (加号)  紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。
    ~ (波浪线)任意距离兄弟关系 如$("div ~ p")表示选择div同层的p节点。
    (空格)    任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。
    ,(逗号)   表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。

    5590e98b0001f60d06130229.jpg

    查看全部
  • id是唯一的,每个id值在一个页面中只能使用一次。
    如果多个元素分配了相同的id,将只匹配该id选择集
    合的第一个DOM元素。
    $("#id")


    查看全部
  • var div = document.getElementsByTagName('div');
    var $div = $(div);
    var $first = $div.first();
    获取div的Dom对象,然后转化为Jquery对象,并选
    中第一个div元素


    查看全部
  • var $div = $('div');
    var div = $div.get(0);
    获取div的Jquery对象数组,然后把下标为0的div元素
    转化成DOM对象


    查看全部
  • $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。

    查看全部
  • jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。

    查看全部
    0 采集 收起 来源:环境搭建

    2018-05-22

  • 类选择器,顾名思义,通过class样式类名来获取节点

    描述:

    $( ".class" )

    类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选

    同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的


    查看全部
  • id是唯一的,每个id值在一个页面中只能使用一次。
    如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的


    查看全部
  • <!-- 使用jQuery语法 -->
        <script type="text/javascript">
            $(document).ready(function() {
                /**
                 * 通过jQuery语法获取id为imooc2的元素获得一个jQuery对象
                 * 调用该对象的html()方法进行更改内容
                 * 调用该对象的css()方法进行更改颜色样式
                 */   
                var $p = $('#imooc2');
                $p.html('P2:您好!通过慕课网学习jQuery才是最佳的途径').css('color','red');
                /**
                 * 通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组对象。
                 * 这个对象里面包含了DOM对象的信息,然后封装了很多操作方法,
                 * 调用自己的方法html与css,得到的效果与标准的JavaScript处理结果是一致的。
                 * /
            });
        </script>


    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!