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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • [attribute=value]属性选择器 属性作为DOM元素的一个重要特征,也可以用于选择器中,从本节开始将介绍通过元素属性获取元素的选择器,[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。 $("li[title='蔬菜']").css("background-color","green"); 获取指定属性名为title和对应值为蔬菜的全部<li>元素,并设置背景色
    查看全部
  • 调用toggle()方法实现动画切换效果 如果元素处于显示状态,调用该方法则隐藏该元素,反之,则显示该元素, 它的调用格式是:$(selector).toggle(speed,[callback]) $("select").toggle("speed",function(){ ... }) speed为数字时不带引号。 元素在显示与隐藏之间切换。
    查看全部
  • :hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。 例如,调用:hidden选择器获取不可见的<p>元素,并将该元素的内容显示在<div>元素中 var $strHTML=$("p:hidden").html(); $("div").html($strHTML);
    查看全部
  • 使用包含的元素名称来过滤,:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素,其中selector参数就是包含的元素名称,是被包含元素。 :has(selector) 只能是元素名称 不能是ID或者其他的 1,元素选择器,通过:has(selector),来选择被包含的元素。$("li:has('p')").css("background","blue").注意单双引号的使用。 2,里面除了可以选择标签以外,选择类名等等也是可以的$("li:has('.abc')").css("","")
    查看全部
  • 调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值,可为“slow”、“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函数名
    查看全部
  • :eq(index)过滤选择器 如果想从一组标签元素数组中,灵活选择任意的一个标签元素,我们可以使用 :eq(index) 其中参数index表示索引号(即:一个整数),它从0开始,如果index的值为3,表示选择的是第4个元素。 注意:其中的索引号index也可以为负数,为倒数第index个
    查看全部
  • 与prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下: $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素
    查看全部
  • 下拉列表框的change事件 当一个元素的值发生变化时,将会触发change事件,例如在选择下拉列表框中的选项时,就会触change事件。 $("select").bind("change",function(){ ... } )
    查看全部
  • 文本框的focus和blur事件 focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。
    查看全部
  • 俗话说“远亲不如近邻”,而通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下: $(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。
    查看全部
  • 与ance desc选择器相比,parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下: $(“parent > child”)
    查看全部
  • 调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行, 它的调用格式为:$(selector).trigger(event) 其中event参数为需要手动触发的事件名称 .可以为自定义事件
    查看全部
  • 使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只会触发一次,它的调用格式如下:$(selector).one(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。 只能执行一次,执行完成后,无论如何单击,都不再触发。
    查看全部
  • $(标签名:contains('文本')),按照文本内容来查找一个或者多个元素
    查看全部
  • 使用unbind()方法移除元素绑定的事件 unbind()方法可以移除元素已绑定的事件,它的调用格式如下: $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称,多个事件名用空格隔开,fun参数为事件执行时调用的函数名称。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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