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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 属性作为DOM元素的一个重要特征,也可以用于选择器中,从本节开始将介绍通过元素属性获取元素的选择器,[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value表示属性值。例如获取指定属性名和对应值的全部li元素,并将他们的背景色改为绿色; $("li:[title='蔬菜']").css("color","green"); 其中可以取消Title之前的元素,如果取消此前的元素,将默认是所有属性名和属性值相同的元素;
    查看全部
  • :visible是获取所有显示的元素,例将li元素下所有显示的元素的背景色修改为蓝色 $("li:visible").css("background-color","blue");
    查看全部
  • :hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元互澡包括type属性值为Hidden的元素。例如调用;hidden选择器获取不可见的<P>元素,并将该元素的内容显示在<div>中;代码如下 var $strHtml=$("input:hidden").val(); $("div").html($strHtml);
    查看全部
  • attr()方法的功能是设置或获取元素的某项属性值。
    查看全部
  • 除了在上一小节介绍的使用字符串:contains(text)内容过滤元素之外,还可以使用包含的元素名称来过滤,:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素,其中selector参数就是包含的元素名称,是被包含元素。例 如获取指定包含某个元素的全部li元素,并改变它们文字的颜色$("li:has('p')").css("background-color","blue");目前就是找出Li下所有的P元素,并将P元素的背景颜色改为蓝色;
    查看全部
  • :contains(text)过滤选择器,与上一节介绍的eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或者多个元素,那么使用:contains(text)选择器会更加方便,它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串的全部元素对象。其中text表示页面中的文字。具体用法如下$("li:contains('jQuery')").css("color","red");
    查看全部
  • prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,
    查看全部
  • prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下: $(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。
    查看全部
  • 时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下: $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等
    查看全部
  • 实践证明,由于使用*选择器获取的是全部元素,因此,有些浏览器将会比较缓慢,这个选择器也需要谨慎使用
    查看全部
  • 有空格键
    查看全部
  • **插件部分,记得将相应的js文件引入到html中 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。
    查看全部
  • 自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色,调用格式为: $(Id).focusColor(color) 其中,参数Id表示<ul>元素的Id号,color表示<li>元素选中时的背景色。
    查看全部
  • 右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下: $(selector).contextMenu(menuId,{options}); Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。
    查看全部
  • 搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下: $(textbox).autocomplete(urlData,[options]); 其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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