为了账号安全,请及时绑定邮箱和手机立即绑定
  • //把a元素从顺序1-5加上颜色 //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素 //注意了index是从0开始计算,所以选在1-5,为对应的index就是4 $("#menu_con>div.first dd:eq(0)>a:It(4)").css('color','red'); //在所有a元素中找到属性名name="setColor"的元素,并设置颜色 //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素 $("#menu_con a[name='setColor']").css('color','blue'); //选中2个dd列表中第10个元素,并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $("#menu div.tag dd a:nth-child(10)").css('color','#66CD00'); //找到把a元素中包含文字"更多"的节点,改变颜色 $(".tag:first a:contains('更多')").css('color','#C71585');
    查看全部
    0 采集 收起 来源:综合案例

    2018-03-22

  • this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。 $('p').click(function(){ //把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') }) p.addEventListener('click',function(){ //this === p //以下两者的修改都是等价的 this.style.color = "red"; p.style.color = "red"; },false);
    查看全部
  • eq:在匹配的集合中选择索引值为index的元素 因为jQuery合集是从0开始索引的,所以eq(1)就是第二个元素 jquery中表单的对象属性:匹配所有勾选的元素 选择所有可用的元素 获取 select 元素中所有被选中的元素 选择所有禁用的元素
    查看全部
    0 采集 收起 来源:练习题

    2016-08-13

  • even:选择所引值为偶数的元素,从 0 开始计数 odd: 选择所引值为奇数的元素,从 0 开始计数
    查看全部
    0 采集 收起 来源:练习题

    2016-08-13

  • 选择所有包含指定文本的元素 :contains()选择器中括号内的文字,可为纯文本,或用引号包围
    查看全部
    0 采集 收起 来源:练习题

    2016-08-13

  • attr()有4个表达式 1、attr(传入属性名):获取属性的值 2、attr(属性名,属性值):设置属性的值 3、attr(属性名,函数值):设置属性的函数值 4、attr(attributes):给指定元素设置多个属性,即:{属性名一:"属性值一";属性名二:"属性值二",.....}
    查看全部
  • 注意事项: :first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 如果子元素只有一个的话,:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算 //查找所有class="last-div"下的a元素,选择第倒数第二个 $('.last-div a:nth-last-child(2)').css("color", "red");
    查看全部
  • //查找所有div中,有属性name中的值只包含一个连字符“-”的div元素 $('div[name="-"]') //查找所有div中,属性name=p1的div元素 $('div[name=p1]') //查找所有div中,有属性p2的div元素 $('div[p2]') //查找所有div中,有属性name中的值包含一个连字符“空”的div元素 $('div[name~="a"]') //查找所有div中,属性name的值是用imooc开头的 $('div[name^=imooc]') //查找所有div中,属性name的值是用imooc结尾的 $('div[name$=imooc]') //查找所有div中,有属性name中的值包含一个test字符串的div元素 $('div[name*="test"]').css("border", "3px groove #00FF00"); //查找所有div中,有属性testattr中的值没有包含"true"的div $('div[testattr!="true"]')
    查看全部
  • .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容
    查看全部
  • <script type="text/javascript"> //找到第一个input,通过attr设置属性value的值 $("input:first").attr('value','.attr( attributeName, value )') </script> <script type="text/javascript"> //找到第二个input,通过attr获取属性value的值 $("input:eq(1)").attr('value') </script> <script type="text/javascript"> //找到第三个input,通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如,我们可以把新的值与现有的值联系在一起: $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) </script> <script type="text/javascript"> //找到第四个input,通过使用removeAttr删除属性 $("input:eq(3)").removeAttr('value') </script>
    查看全部
  • :even 选择器和 :odd 选择器选取带有相应偶数或奇数index 值的元素,元素的index 值从 0 开始。 也就是说例子中的第一行的index是0,而0是偶数行。
    查看全部
  • dsd
    查看全部
  • Number() 函数把对象的值转换为数字。没转化之前value是字符串形式
    查看全部
  • .html与.text的异同: .html与.text的方法操作是一样,只是在具体针对处理对象不同 .html处理的是元素内容,.text处理的是文本内容 .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器
    查看全部
  • //找到第三个input,通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如,我们可以把新的值与现有的值联系在一起: $('input').eq(2).attr('value',function(i, val){ return '通过function设置' + val })
    查看全部

举报

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

微信扫码,参与3人拼团

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

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