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

jQuery基础 (一)—样式篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时23分
  • .val方法 .val():获取集合中第一个表单元素的当前值 .val(<value>):设置集合中每个表单元素的值 .val(<func>):返回设置值的函数 对比: 1、.html()、.text()、.val()三种方法都是用来读取选定元素的内容;不过,.html()用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容(包括其后代元素),.val()用来读取表单元素的"value"值。 2、.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上。 3、.html()和.val()方法使用在多个元素上时,只读取第一个元素;.text()如果应用在多个元素上时,将会读取所有选中元素的文本内容。 4、.html(<text>)、.text(<text>)和.val(<value>)三种方法都用来替换选中元素的内容,如果同时运用在多个元素上,那么将会替换所有选中元素的内容。 5、.html(<func>)、.text(<func>)和.val(<func>)都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部
  • .html方法 .html():获取集合中第一个匹配元素的HTML内容 .html(<text>):设置每一个匹配元素的HTML内容 .html(function(<index>, <oldHtml>)):返回设置HTML内容的函数 .text方法 .text():获取集合中每个元素的合并文本(包括后代) .text(<text>):设置匹配元素内容的文本 .text(function(<index>, <text>)):返回设置文本内容的函数 异同 1、.html使用innerHTML属性来处理,只能用于HTML文档;.text综合innerText属性和textContent属性,可以支持XML和HTML文档。 2、.html处理的是元素内容;.text处理的是文本内容。 3、如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的。
    查看全部
  • $( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • .attr(<attr>):获取属性值 .attr(<attr>,<value>):设置属性值 .attr(<attr>,<func>):设置属性的函数值 .attr({<attr1>:'<value1>', ..., <attrN>:'<valueN>'}):给指定元素设置多个属性 .removeAttr(<attr>):移除指定属性
    查看全部
  • id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素 类不是唯一的?
    查看全部
    0 采集 收起 来源:练习题

    2017-06-09

  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
    查看全部
  • $("div").html()是使用标签选择器获取div标签,并将内容设置为:您好!通过慕课网学习jQuery才是最佳的途径。 对应于javascript中的各类选择器,如: $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素
    查看全部
  • $( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 1ds
    查看全部
    0 采集 收起 来源:练习题

    2017-06-08

  • $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。
    查看全部
  • 有些浏览器不兼容jquery的版本,需要低一点的版本才能显示P2,也就用jquery方法的实现的P2; 把<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>替换或添加上去就可以实现jQuery效果了
    查看全部
  • 特殊选择器:$(this) this:表示当前的上下文对象是一个HTML对象,可以调用HTML对象的属性和方法。 $(this):代表的上下文对象是一个JQ的上下文对象,可以调用JQ的方法和属性。
    查看全部
  • 表单对象属性筛选选择器: $(":enabled"):选择可用的表单元素 $(":disabled"):选择不可用的表单元素 $(":checked"):选择被选中的<input>元素 $(":selected"):选择被选中的<option>元素
    查看全部
  • 表单元素选择器: $(":input"):选择所有input、textarea、select、button元素 $(":text"):选择所有文本框(input[type='text']) $(":password"):选择所有密码框(input[type='password']) $(":radio"):选择所有单选按钮(input[type='radio']) $(":checkbox"):选择所有复选框(input[type='checkbox']) $(":submit"):选择所有提交按钮(input[type='submit']或button[type='submit']) $(":reset"):选择所有重置按钮(input[type='reset']或button[type='reset']) $(":button"):选择所有按钮(input[type='button']或button) $(":image"):选择所有图像域(input[type='image']) $(":file"):选择所有文件域(input[type='file'])
    查看全部

举报

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

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