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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 必须有一个空格!!!第一次发现必须有个空格。
    查看全部
  • bind()方法为页面已存在元素(页面后添加的相同元素不会被绑定此事件)绑定事件,格式:$(selector).bind(event, fun);unbind()方法可以移除元素已绑定的事件,它的调用格式如下:$(selector).unbind(event,fun)。 live()方法可以为已有元素绑定可执行事件,还可以为动态元素绑定事件,即使用代码添加的元素事件,格式如下:$(selector).live(event,[data],fun)。 delegate()方法为指定的元素(被选元素的子元素)(当前或未来的元素)绑定可执行事件,格式:$(selector).delegate(childSelector,event,[data],function) 以上,参数event为事件名称,多个事件名称用空格隔开,fun为事件执行的函数。 扩展——live:JQuery把fun函数绑定到$(document)元素上,并使用event和selector作为参数。任何时候只要有事件冒泡到document节点上,它就查看该事件是否是一个event事件,以及该事件的目标元素与selector这一CSS选择器是否匹配,如果都是的话,则执行函数;delegate:JQuery扫描文档查找$(selector)元素,并使用event事件和childSelector这一CSS选择器作为参数把fun函数绑定到$(selector)上。任何时候只要有事件冒泡到$(selector)上,它就查看该事件是否是event事件,以及该事件的目标元素是否与CSS选择器相匹配。如果两种检查的结果都为真的话,它就执行函数;bind:直接把fun函数绑定到$(selector)元素上。 !!以上三种方法在jQuery1.8之后都不推荐使用,官方在1.9时已经取消使用live()方法了,所以建议都使用on()方法(即合并了bind、live、delegate),格式:$(selector).on( events [,childSelector ] [, data ],fun),events是直接绑定到$(selector)上。 多个事件绑定不同函数:$(selector).on({event1:fun1,event2:fun2..}) 使用off()方法移除on()所绑定的方法。
    查看全部
  • ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的:$(document).ready(function(){})等价于$(function(){});
    查看全部
  • clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,格式为:$(selector).clone()。 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,格式:$(selector).replaceWith(content)和$(content).replaceAll(selector)。 wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,格式:$(selector).wrap(wrapper)和$(selector).wrapInner(wrapper),wrapper参数为包裹元素的格式,例如:$(".red").wrapInner("<em></em>")。 each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,格式为: $(selector).each(function(index){$(this)....}),参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。 remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素(即参数可选),而empty()方法则只删除所选元素的子元素(即无参数)。
    查看全部
  • 使用attr方法,取消id号为test的复选框选中状态代码为:$("#test").attr("checked", false); 设置id号为test的复选框为选中状态代码为:$("#test").attr("checked", true); 布尔值不需要加引号!
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • autocomplete
    查看全部
  • 定义一个json对象
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-25

  • cookie
    查看全部
  • cookie
    查看全部
  • jqzoom
    查看全部
  • 图片灯箱插件——lightBox
    查看全部
  • [jQuery] 调用名为$.trim的工具函数,能删除字符串中左右两边的空格符,但该函数不能删除字符串中间的空格,调用格式为:
    查看全部
  • mark
    查看全部
    1 采集 收起 来源:编程练习

    2014-11-26

  • attr(属性名,属性值)方法设置元素的属性/attr()返回元素的属性。 html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容(二者区别:如果参数中有元素标签式,html()将元素标签嵌入DOM中,text()直接将元素标签转化为字符串在页面显示出来);如果无参数,html()方法可以获取元素的HTML内容(原文中的格式代码也被一起获取),而text()方法只是获取元素中的文本内容,并不包含HTML格式代码。 addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中: $(selector).css({property:value, property:value, ...}) //多个CSS属性/值对 $(selector).css(name,function(index,value)) //通过函数设置属性值 $(selector).css(name,value) $(selector).css(name) //获取属性值 removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名(属性名必需),后者方法中参数则表示移除的样式名(样式名可选:多个样式名则用空格隔开;无样式名表示移除所有样式)。 append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数;appendTo()方法也可以向指定的元素内插入内容,它的使用格式是:$(content).appendTo(selector),参数content(取值同上)表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部;before()和after()方法可以在元素的前后插入内容,格式:$(selector).before(content)和$(selector).after(content),content参数可以是元素或HTML字符串.
    查看全部
  • 使用annimate()做元素移动操作时,必须给元素定位(relative、absolute),否则无法移动
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-25

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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