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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • :contains(text)过滤选择器 选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。
    查看全部
  • :eq(index)过滤选择器 :eq(index) 其中参数index表示索引号(即:一个整数),它从0开始,如果index的值为3,表示选择的是第4个元素
    查看全部
  • :first过滤选择器 :first过滤选择器的功能是获取第一个元素,常常与其它选择器一起使用,获取指定的一组元素中的第一个元素 过滤选择器,是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素。 注意:书写时以“:”号开头。
    查看全部
  • 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。 例如,在页面的两个文本框中输入任意数值,点击“计算”按钮调用自定义插件中$.addNum()方法,计算两数值的和并将结果显示在另一文本框中,如下图所示
    查看全部
  • prev ~ siblings选择器 prev ~ siblings选择器查找prev 元素之后的相邻元素,获取prev 元素后面全部相邻的元素 $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。
    查看全部
  • 查找与“prev”元素紧邻的下一个“next”元素 格式如下:$(“prev + next”) 它们之间的“+”表示一种上下的层次关系,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。
    查看全部
  • prev + next选择器 通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素, $(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。
    查看全部
  • 自定义对象级插件——lifocuscolor插件 自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色,调用格式为: $(Id).focusColor(color) 其中,参数Id表示<ul>元素的Id号,color表示<li>元素选中时的背景色。
    查看全部
  • parent > child选择器 选择的目标是子集元素 $(“parent > child”) child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。
    查看全部
  • ance desc选择器 $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • parent > child所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈 调用格式如下: $(“parent > child”) child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。
    查看全部
  • $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。
    查看全部
  • $(“*”) 选择器中的参数就一个“*”,既没有“#”号,也没有“.”号。 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。 注:有些浏览器会比较慢,谨慎使用
    查看全部
  • 右键菜单插件——contextmenu 右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下: $(selector).contextMenu(menuId,{options}); Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。 例如,选中页面<textarea>元素,点击右键,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。如下图所示:
    查看全部
  • $(“.class”) 其中.class参数表示元素的CSS类别(类选择器)名称 $().attr() 用法一: $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值 用法二: $(选择器).attr(属性名, 属性值) 它的作用是为所有匹配的元素设置一个属性值。 用法三: $(选择器).attr(Map) 它的意思就是给指定元素设置多个属性值, 我们重点看一下 Map 是什么意思. 它其实是这样一种序列: {属性名一: “属性值一” , 属性名二: “属性值二” , … … } 移除属性: $(“img”). removeAttr(“height”); 获取ul列表中第二个li并设置id属性为lili $("ul li:eq(1)").attr({id:"lili"});
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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