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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 长见识了,呵呵
    查看全部
  • 1、:has(selector)过滤选择器 ①:eq(index)选择器:按索引号查找一个元素 ②:contains(text)选择器:按照文本内容来查找一个或多个元素 ③:has(selector)过滤选择器:使用包含的元素名称来查找一个或多个元素 (1)语法: 选择器:has(selector) ①selector:包含的元素名称,是被包含元素,用(’’)号 ②功能:获取选择器中包含指定元素名称的全部元素。
    查看全部
  • 1、:contains(text)过滤选择器(按照文本内容来查找一个或多个元素) ①:eq(index)选择器:按索引号查找一个元素 ②:contains(text)选择器:按照文本内容来查找一个或多个元素 (1)语法: 选择器:contains(text) ①功能:选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。 ②只要与选择的元素中或子元素中包含该字符内容,就可以被选中。 2、注意:li:contains('土豪')中“土豪”为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的。
    查看全部
  • <body> <h3>使用clone()方法复制元素</h3> <span class="red" title="hi">我是美猴王</span> <script type="text/javascript"> $("body").append($(".red").clone()); </script> </body>
    查看全部
  • 1、:eq(index)过滤选择器(选择任意的一个标签元素) 如果想从一组标签元素数组中,灵活选择任意的一个标签元素。 (1)语法: 选择器:eq(index) ①index:索引号(即:一个整数),它从0开始,如果index的值为3,表示选择的是第4个元素。
    查看全部
  • 过滤性选择器:是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素。 1、:first过滤选择器(一组相同标签元素中的第1个元素) 在jQuery中,如果想得到一组相同标签元素中的第1个元素该怎样做呢? (1)语法: $(“选择器:first”) 注意:书写时以“:”号开头。 功能:获取第一个元素,常常与其它选择器一起使用,获取指定的一组元素中的第一个元素。 2、:last过滤选择器(一组相同标签元素中的最后一个元素) (1)语法: $(“选择器:last”) 功能:获取最后一个元素,常常与其它选择器一起使用,获取指定的一组元素中的最后一个元素。
    查看全部
  • 与bind()方法相同,live()方法与可以绑定元素的可执行事件,除此相同功能之外,live()方法还可以绑定动态元素,即使用代码添加的元素事件,格式如下: $(selector).live(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。
    查看全部
  • $("#content").css({"background-color":"red","color":"white"});<br> $("#content").addClass("red white");
    查看全部
  • ①prev + next层次选择器:与“prev”元素紧邻的下一个“next”元素 ②prev~siblings选择器:prev 元素后面全部相邻的元素。 prev~siblings选择器也是查找prev元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素。 (1)语法: $(“prev ~ siblings”) ①参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。
    查看全部
  • focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。
    查看全部
  • $("#html").html($content;html内容 $("#text").text($content);文本内容
    查看全部
  • $(".class")//通过元素的类别属性查找元素 <style> .red{ color:Red;} </style> </head> <body> <div id="divtest" class="red">我穿红衣了</div> </body> <script type="text/javascript"> var $className = $(".red").attr("class"); $(".red").html($className); </script>
    查看全部
  • 1、prev + next选择器(与“prev”元素紧邻的下一个“next”元素) 俗话说“远亲不如近邻”,而通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素。 (1)语法: $(“prev + next”) ①参数prev为任何有效的选择器,参数“next”为另外一个有效选择器 ②它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯一一个元素。
    查看全部
  • 1、parent > child选择器(父元素、子元素) 与ance desc选择器相比,parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈。 (1)语法: $(“parent > child”) ①child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。
    查看全部
  • 记得加position属性,定义left值!!
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-04

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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