为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • :last-child子元素过滤选择器,获取每一个父元素里的最后一个子元素 如:$("li:last-child") 将获取了<li>的每一个父元素<ol>里的最后一个<li>元素
    查看全部
  • :first-child子元素过滤选择器,返回一组父元素的第一个子元素,返回的是一个集合。 如:$(li:first-child") 将获取两个ol元素的第一个<li>子元素,而$("li:first")只获取全部<li>元素的第一个<li>元素。这里:first-child检测出li元素共有两个父元素(两个ol),所以返回了两个父元素的两个首子元素。 这里用$("li")得到的数组长度为10,即将所有的li元素都存进了一个数组,但是添加了:first-child选择器后,却能够识别出来有两个父元素,也是比较神奇。
    查看全部
  • [attribute*=value]属性选择器,可以获取属性中包含指定字符的所有元素,类似于:contains(text)的模糊匹配。 如:$("li[title*='果']")就可以将title中有一个'果'字的<li>全部选择出来
    查看全部
  • [attribute!=value]属性选择器,功能恰恰与[attribute=value]相反,具体使用方法见[attribute=value]
    查看全部
  • [attribute=value]属性选择器,获取与属性名和属性值完全相同的全部元素,这里指的是完全相同,而不是包含。 如:$("li[title='蔬菜']") 就会获取title为蔬菜的全部<li>元素,少打一个字,像[title='蔬']都不能获取成功,而不像$("li:contains('蔬')");那样有模糊识别。 这里的title后面的引号可以不打
    查看全部
  • :visible过滤选择器,获取所有可见元素。 如:$("li:visible") 就会获取所有可见的<li>元素,与:hidden相反
    查看全部
  • 移除属性和样式 使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名 $("#content").removeClass("blue white"); $("#a").removeAttr("href");
    查看全部
  • 操作元素的样式 通过addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。 $("#content").css("background","red"); $("#content").addCss("blue white");
    查看全部
  • 操作元素的内容: 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。 var $content = "<i>唉,我又变胖了!</i>"; $("#html").html($content); $("#text").text($content);
    查看全部
  • 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。 var $content = "<i>唉,我又变胖了!</i>"; $("#html").html($content); $("#text").text($content);
    查看全部
  • attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。 $("#tip").html($("#a1").attr("href"));
    查看全部
  • :input表单选择器 返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素, addClass()方法的功能是为元素添加指定的样式类别名称. $("#frmTest :input").addClass("bg_blue");
    查看全部
  • :text表单文本选择器 获取表单中全部单行的文本输入框元素 $("form :text").addClass("bg_red");
    查看全部
  • :password表单密码选择器 获取表单中全部的密码输入文本框元素。 $("form :password").addClass("bg_red");
    查看全部
  • :radio单选按钮选择器 获取表单中的全部单选按钮元素。 $("form input:radio").attr("disabled","true"); 或 $("form :radio").attr("disabled","true");
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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