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

jQuery基础 (一)—样式篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时23分
最热 最新
  • Balance_X
    除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]') $(":input") $("input:text")匹配所有文本框 $("input:password")匹配所有密码档 $("input:radio")匹配所有单选按钮 $("input:checkbox")匹配所有复选框 $("input:submit")匹配所有提交按钮 $("input:image")匹配所有图像域 $("input:reset")匹配所有重置按钮 $("input:button")匹配所有按钮 $("input:file")匹配所有文件域
    查看全部
    0 采集 收起 来源：jQuery选择器之表单元素选择器

    2018-03-22

  • 北极的大熊
    data储存数据 $('.right').click(function() { var ele = $(this); //通过.data方式设置数据 ele.data("a", "data test") ele.data("b", { name: "慕课网" }) //通过.data方式取出数据 var reset = ele.data("a") + "</br>" + ele.data("b").name ele.find('span').append(reset) })
    查看全部
    0 采集 收起 来源：jQuery的属性与样式之元素的数据存储

    2018-03-22

  • Balance_X
    注意事项： :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) 的区别前者是从前往后计算，后者从后往前计算
    查看全部
    0 采集 收起 来源：jQuery选择器之子元素筛选选择器

    2017-02-10

  • Balance_X
    在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件
    查看全部
    0 采集 收起 来源：jQuery选择器之属性筛选选择器

    2018-03-22

  • 慕粉4349758
    搞定了
    查看全部
    1 采集 收起 来源：综合案例

    2017-02-10

  • Balance_X
    :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式
    查看全部
    0 采集 收起 来源：jQuery选择器之可见性筛选选择器

    2018-03-22

  • 紫金道童
    //设置一个样式时，样式和值用逗号隔开， //同时设置多个样式时，所有样式用花括号{}包起来，样式和值用冒号:隔开，样式与样式之间用逗号,隔开。 //二者都需要引号
    查看全部
    0 采集 收起 来源：jQuery的属性与样式之样式操作.css()

    2017-02-11

  • 紫金道童
    仔细看了下，利用【当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px】这个特性，所以一句代码就能解决问题了 $('.sixth').css("width",function(index,value){ return (parseInt(value)+50); })
    查看全部
    0 采集 收起 来源：jQuery的属性与样式之样式操作.css()

    2018-03-22

  • Airplane
    层级选择器都有一个参考节点。 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下。
    查看全部
    0 采集 收起 来源：练习题

    2017-02-09

  • Airplane
    $( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器
    查看全部
    0 采集 收起 来源：练习题

    2018-03-22

  • Airplane
    假如需要选择页面中唯一的一个DOM元素，哪个是最快，最高效的选择器？ id选择器。id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。
    查看全部
    0 采集 收起 来源：练习题

    2017-02-09

  • Airplane
    $('.pre >child'):pre下的所有直接子节点 $（'.pre + div'）:pre后面的第一个div兄弟节点 $（'.pre p'）：pre下的所有层P $('.pre ~ div'):选择pre后面的所有兄弟节点 > （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
    0 采集 收起 来源：jQuery选择器之层级选择器

    2018-03-22

  • Airplane
    jQuery选择器之全选择器（*选择器） 在CSS中，经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到 不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName 看到了吧，作为一名合格的前端不是那么简单的，就一个基本的选择器上面都需要做这么多兼容，幸好有jQuery的出现，让我们省了很多功夫，
    查看全部
    0 采集 收起 来源：jQuery选择器之全选择器（*选择器）

    2018-03-22

  • Airplane
    元素选择器：根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持 右边编辑器代码所示： 第一组：通过getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); divs是dom合集对象，通过循环给每一个合集中的<div>元素赋予新的boder样式 第二组：同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式
    查看全部
    0 采集 收起 来源：jQuery选择器之元素选择器

    2018-03-22

  • 紫金道童
    .css和.prop和.attr和.val的区别： .css是样式表的样式 .prop是固有属性，比如id、name、a标签的href .attr是我们自己加上去的属性，比如给标签加的action .val是表单的属性，比如按钮上面的字，或者checked="checked"
    查看全部
    0 采集 收起 来源：jQuery的属性与样式之样式操作.css()

    2018-03-22

首页上一页415416417418419420421下一页尾页

举报

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

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

查看已购买的课程