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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • lement选择器$("div"),类选择器$(".green"),ID选择器("#red") 层次选择器:$("div label") 选择div元素下的label元素 父子选择器:$("div > span") 邻居选择器$(“div + span”) has选择器:在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是:$("div:has(span)"); 最后一个选择器:$("li:last"); 内容过滤器: :contains——匹配包含特定文本的元素 :has——匹配包含特定元素的元素
    查看全部
    0 采集 收起

    2018-03-22

  • 与上一节介绍的ance desc选择器相比,parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下: $(“parent > child”) child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系
    查看全部
  • $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。$("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • var $class = $(".red").attr("class"); //获取类名 $(".green,.blue").attr("class",$class);//设置类名
    查看全部
  • 使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只会触发一次,它的调用格式如下: $(selector).one(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。
    查看全部
  • $(selector).unbind(event,fun) 移除事件处理程序. unbind() 方法中没有任何参数,则表示移除全部已绑定的事件。 unbind('event') 移除事件中绑定的所有程序 unbind('event','fun') 移除事件中的特定处理程序,不能移除匿名函数
    查看全部
  • 注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。 $(selector).toggle(fun1(),fun2(),funN(),...) 其中,fun1,fun2就是多个函数的名称 点击元素时,都依次执行toggle()方法绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。
    查看全部
  • 调用live()方法绑定元素的事件 与bind()方法相同,live()方法与可以绑定元素的可执行事件,除此相同功能之外,live()方法还可以绑定动态元素,即使用代码添加的元素事件,格式如下: $(selector).live(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。
    查看全部
  • 文本框的focus和blur事件 focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。
    查看全部
  • 调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为: $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。
    查看全部
  • html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。
    查看全部
  • 使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只会触发一次,它的调用格式如下: $(selector).one(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。
    查看全部
  • $("#a1").attr("href" ,"www.imooc.com"); var $url = $("#a1").attr("href"); $("#tip").html($url);
    查看全部
  • 冒号之前有空格
    查看全部
  • hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out);
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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