为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础 (一)—样式篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础 (一)—样式篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时23分
  • attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)
    查看全部
  • 总结: this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。
    查看全部
  • 仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下
    查看全部
  • jQuery选择器之全选择器(*选择器) 抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到 id、class、tag都可以通过原生的方法获取到对应的节点,但是我们还需要考虑一个兼容性的问题,我这里顺便提及一下,比如: IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A IE8及较低的版本,浏览器不支持getElementsByClassName
    查看全部
  • 注意事项: 1、 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 2、 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素
    查看全部
  • 指定标签名的所有节点: jQuery使用JavaScript的getElementsByTagName()函数支持
    查看全部
  • 类选择器: jQuery使用JavaScript的原生getElementsByClassName()函数来实现的
    查看全部
  • jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。
    查看全部
  • jQuery表单元素选择器,可以使某个类型的元素简单明了的显示!非常方便
    查看全部
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • <script type="text/javascript"> //找到男装下第一类衣服把a元素从顺序1-4加上颜色 //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素 //注意了index是从0开始计算,所以选在1-4,为对应的index就是4 $("#menu_con div.tag dd > a:lt(4)").css('color','red'); </script> <script type="text/javascript"> //找到女装下第一类衣服,把a元素中包含文字"更多"的节点,改变颜色 $("#menu_female div.tag dd > a:last-child").css('color','#C71585'); //$('#menu_female .tag a:contains("更多")').css('color','orange'); </script>
    查看全部
    0 采集 收起 来源:综合案例

    2018-03-22

  • http://libs.baidu.com/jquery/1.9.1/jquery.min.js
    查看全部
  • jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引:
    查看全部
  • 通过.css方法设置的样式属性优先级要高于.addClass方法
    查看全部
  • 注意事项: toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 toggleClass会保留原有的Class名后新增,通过空格隔开
    查看全部

举报

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

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