为了账号安全,请及时绑定邮箱和手机立即绑定
  • // 查找所有元素中,没有属性testattr,或者其中的值没有包含"true"的div 并且name='a b' 这行实验代码也说明属性选择器针对的是字符串匹配操作 $("[testattr!='true'][name='a b']").css("border", "3px groove #668B8B");
    查看全部
  • 第一个input的属性值原来是个字符串呀~
    查看全部
  • jQuery选择器之内容筛选选择器 内容过滤器描述如下: $(':contains(text)') 选择所有包含指定文本的元素 $(':parent') 选择所有含有子元素或者文本的元素 $(':empty') 选择所有没有子元素的元素(包含文本节点) $(':has(selector)') 选择元素中至少包含指定选择器的元素 注意事项 1):contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2)如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3):parent与:empty是相反的,两者所涉及的子元素,包括文本节点 例如: <script type="text/javascript"> //查找所有class='div'中DOM元素中包含"contains"的元素节点 //并且设置颜色 $(".div:contains(':contains')").css("color", "#CD00CD"); </script> <script type="text/javascript"> //查找所有class='div'中DOM元素中包含"span"的元素节点 //并且设置颜色 $(".div:has(span)").css("color", "blue"); </script> <script type="text/javascript"> //选择所有包含子元素或者文本的a元素 //增加一个蓝色的边框 $("a:parent").css("border", "3px groove blue"); </script> <script type="text/javascript"> //找到a元素下面的所有空节点(没有子元素) //增加一段文本与边框 $("a:empty").text(":empty").css("border", "3px groove red"); </script>
    查看全部
  • jQuery选择器之基本筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素,然后找出这些元素的直接兄弟元素 1):eq(),:lt(),:gt();:even;:odd用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 2)gt是一个段落筛选,从指引索引的下一个开始,gt(1)实际从2开始
    查看全部
  • jQuery选择器之层级选择器 子元素 后代元素 兄弟元素 相邻元素 仔细观察层级选择器之间还是有很多相似与不同点 1)层级选择器都有一个参考节点 2)后代选择器包含子选择器的选择的内容 3)一般兄弟选择器包含相邻兄弟选择的内容 4)相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下 > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 + (加号) 紧跟兄弟关系 如$('.div + p')表示选择div后面第一个的p兄弟节点。 ~ (波浪线)任意距离兄弟关系 如$('.div ~p')表示选择div后面的所有p兄弟节点。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。 //子选择器 //$('div > p') 选择所有div元素里面的子元素P $('div>p').css("border", "1px groove red"); //后代选择器 //$('div p') 选择所有div元素里面的p元素 $('div p').css("border", "1px groove red"); //相邻兄弟选择器 //选取prev后面的第一个的div兄弟节点 $('.prev+div').css("border", "3px groove red"); //一般相邻选择器 //选取prev后面的所有的div兄弟节点 $('.prev~div').css("border", "3px groove blue");
    查看全部
  • this到$(this)的那句来?
    查看全部
  • 回头再做
    查看全部
    0 采集 收起 来源:练习题

    2017-08-03

  • 这些选择器差不多都是对属性的值的花样选择; 那么JQuery中对元素的属性名本身的花样选择是否支持?
    查看全部
  • jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素
    查看全部
  • $(document).ready的作用是等页面的文档(document)中的节点都加在完毕后,再执行后续的代码 $(document).ready(function() { $("div").html("您好!通过慕课网学习jQuery才是最佳途径。") });
    查看全部
  • indexOf方法获取到指定的字符在字符串中第一次出现的位置,从0开始。如果一开始就是e则返回0,如果第二个位置是e则返回1,如果搜完整个字符串都没有e则返回-1 。
    查看全部
  • $(selector).attr(attribute,function(index,oldvalue)) 参数 描述 attribute 规定属性的名称。 function(index,oldvalue) 规定返回属性值的函数。 该函数可接收并使用选择器的 index 值和当前属性值。
    查看全部
  • element:nth-child(n)选取的是element父元素下的第n个子元素
    查看全部
    0 采集 收起 来源:综合案例

    2017-08-02

  • 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0
    查看全部
  • 修改jq地址才能显示
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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