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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 加上空格,是运用到了复合选择器中的ance desc层次选择器,祖先与后代的关系。而伪类选择器:这个冒号,在css中是针对某特定的元素对象的某个状态,在jQuery中,伪类选择器的应用变得广泛起来,有位置选择,属性选择,文本选择。本来属性和文本就属于DOM节点,而位置也隐藏着DOM的节点层次关系,所以简单的理解,:伪类选择器是依附于某一个DOM节点的属性。比如li:has('p')就是获取li节点下的p元素,li:first就是获取在同一层li元素里的第一个li,li:contains('li包含的文本,其实是li包含的文本节点')就是获取包含这个文本节点的li等等 时间: 2015-10-11
    查看全部
  • 调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为: $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。 例如,当页面加载时,手动触发文本输入框的“select”事件,使文本框的默认值处于全部被选中的状态,如下图所示: 在浏览器中显示的效果: 从图中可以看出,由于文本输入框调用trigger()方法触发了“select”事件,因此,当页面加载完成后,文本框中的默认值处于全部被选中的状态。
    查看全部
  • :text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具,使用非常广泛。
    查看全部
  • 空格并不是语法要求 而是代表所有后代的意思哦 所以空格就相当于 #frmTest *:input
    查看全部
  • 使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只会触发一次,它的调用格式如下: $(selector).one(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。 例如,使用one方法绑定<div>元素的单击事件,在事件执行的函数中,累计执行的次数,并将该次数显示在页面中,如下图所示: 在浏览器中显示的效果: 从图中可以看出,由于使用了one()方法绑定<div>元素的单击事件,因为事件函数只能执行一次,执行完成后,无论如何单击,都不再触发。
    查看全部
  • addClass()方法的功能是为元素添加指定的样式类别名称
    查看全部
  • !!!!!!!
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-21

  • 此外,css()方法的功能是设置或获取元素的某项样式属性,它的更多功能我们将在后续的章节中有详细的介绍。
    查看全部
  • 使用unbind()方法移除元素绑定的事件 unbind()方法可以移除元素已绑定的事件,它的调用格式如下: $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称,多个事件名用空格隔开,fun参数为事件执行时调用的函数名称。 例如,点击按钮时,使用unbind()方法移除<div>元素中已绑定的“dblclick”事件,如下图所示: 在浏览器中显示的效果: 从图中可以看出,当使用unbind()方法移除已绑定的“dblclick”事件时,再次双击<div>元素,样式和文字都没有任何变化,表明移除事件成功。 如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序。
    查看全部
  • @微调按钮插件——spinner,微调按钮插件不仅能在文本框中直接输入数值,还可以通过点击输入框右侧的上下按钮修改输入框的值,还支持键盘的上下方向键改变输入值,调用格式如下:$(selector).spinner({options});selector参数为文本输入框元素,可选项options参数为spinner()方法的配置对象,在该对象中,可以设置输入的最大、最小值,获取改变值和设置对应事件。 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
  • @菜单工具插件——menu,菜单工具插件可以通过<ul>创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标,调用格式如下:$(selector).menu({options});selector参数为菜单列表中最外层<ul>元素,options为menu()方法的配置对象。 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
  • @对话框插件——dialog,对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能,它的调用格式为:$(selector).dialog({options});selector参数为显示弹出对话框的元素,通常为<div>,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
  • 使用toggle()方法绑定多个函数 toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下: $(selector).toggle(fun1(),fun2(),funN(),...) 其中,fun1,fun2就是多个函数的名称 例如,使用toggle()方法,当每次点击<div>元素时,显示不同内容,如下图所示: 在浏览器中显示的效果: 从图中可以看出,每次点击<div>元素时,都依次执行toggle()方法绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。 注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。
    查看全部
  • 使用hover()方法切换事件 hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数。 例如,当鼠标移到<div>元素上时,元素中的字体变成金黄色,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用hover()方法执行两个函数,当鼠标移在元素上时调用addClass()方法增加一个样式,移出时,调用removeClass()方法移除该样式。
    查看全部
  • 使用bind()方法绑定元素的事件 bind()方法绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,它的绑定格式如下: $(selector).bind(event,[data] function) 参数event为事件名称,多个事件名称用空格隔开,function为事件执行的函数。 例如,绑定按钮的单击事件,单击按钮时,该按钮变为不可用。如下图所示: 在浏览器中显示的效果: 可以看出,由于使用bind()方法,绑定了按钮的单击事件,在该事件中将按钮本身的“disabled”属性值设为“true”,表示不可用,当点击时触该事件。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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