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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • $.trim 工具函数,能删除字符串中左右两边的空格符,但该函数不能删除字符串中间的空格,调用格式为: $.trim (str); 参数str表示需要删除左右两边空格符的字符串。
    查看全部
  • $.contains的工具函数,能检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true,否则,返回false值,调用格式为: $.contains (container, contained); 参数container表示一个DOM对象节点元素,用于包含其他节点的容器,contained是另一个DOM对象节点元素,用于被其他容器所包含。
    查看全部
  • 1,trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,该事件必须能执行。它的调用格式为: $(selector).trigger(event) 2,当页面加载时,手动触发文本输入框的"select"事件,是文本框的默认值处于全部被选中的状态, $(function(){ $("input").trigger("select"); }) 输入框一出来他的value就是被选中状态。这里说的手动触发不是手指碰到触发,而是不用用户去点击,可以直接代码触发事件。 2,注意这个事件名需要用双引号引起来,并且方法执行不用在后面加小括号
    查看全部
  • $.isPlainObject 工具函数,能检测对象是否为通过{}或new Object()关键字创建的原始对象,如果是,返回true,否则,返回false值,调用格式为: $.isPlainObject (obj); 其中,参数obj表示需要检测的对象名称。
    查看全部
  • $.isEmptyObject 工具函数,检测一个对象的内容是否为空,如果为空,则该函数返回true,否则,返回false值,调用格式如下: $.isEmptyObject(obj); 其中,参数obj表示需要检测的对象名称。
    查看全部
  • 1,使用one()方法绑定元素的一次性事件,这种方法绑定的事件只会触发一次,它的调用格式如下: $(select).one(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件执行的函数 例如,使用one方法绑定div元素的点击事件,在事件执行的函数中,累积执行的次数,并将该次数显示在页面中 $(function(){ var intI=0; $("div").one("click",function(){ intI++; $(this).html("我被点击了("+intI+")次") 最后无论怎么点都只会显示被点击了一次。因为是单次触发事件啊 2,点击后改变字体大小 <script type="text/javascript"> $(function () { var intI = 10; $("div").one("click", function () { intI++; $(this).css("font-size", intI + "px"); }) }); }) })
    查看全部
  • 1,click事件是单击事件,dbclick事件是双击事件 2,案例:单击时一种颜色,双击时候变了颜色,并且点击的那个按钮变为不可用,不能再双击。 $(function(){ $("div").bind("click",function(){ $(this).removeClass("backgcolor").addClass("color"); }).bind("dbclick",function(){ $(this).removeClass("color").addClass("backcolor"); }) $("#btntest").bind("click",function(){ $("div").unbind("dbclick"); $(this).attr("disabled","true"); 3,如果没有规定参数,unbind()方法会删除指定元素的所有事件处理程序。 4,多个事件名用空格分开 }) })
    查看全部
  • 浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含, jQuery 中,可以通过$.support.boxModel对象返回的值,若为“true”网页属于标准的w3c盒子模型。
    查看全部
  • 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息。
    查看全部
  • 除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,“ 当存在相同属性名时,后者将覆盖前者 ”,调用格式为: $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象。(类似于 继承)
    查看全部
  • 1,使用toggle()方法绑定多个函数,toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏和显示的切换,绑定多个函数的调用格式如下:<br> $(selector).toggle(fun1(),fun2(),funN(),...)<br> 当每次点击div元素时,显示不同的内容,就可以用到这个方法。当执行到最后一次函数的时候,再次点击又将返回执行第一个函数。<br> 2,注意:toggle()方法支持目前主流稳定的jquery版本1.8.2,在1.9.0之后的版本是不支持的。<br> 3,toggle() 方法当它没有参数时,它只有隐藏和显示的功能,必须要配合bind()方法来绑定事件(可以是click,也可以是mouseout……),就是需要一个动作来触发这个toggle()方法,以达到显示or隐藏被选中元素的功能。在后面的括号可以加时间(和定时器一样),表示显示隐藏变化所用的时间。2、当它是这种形式toggle(fun1,fun2,funN……)作为绑定多个函数的方法来用时,它本身就具备了click点击触发相应函数的功能了,点击相应的元素后会依次执行fun1,fun2,funN……这些个函数。当执行到最后一个函数时,再次点击将又返回执行第一个函数。<br> 4,点击按钮,div显示和隐藏<br> $(function () { // $("#btntest").toggle( // function(){ // $("div").hide(); // }, // function(){ // $("div").show(); // } // // ) $("#btntest").bind("click",function(){ $("div").toggle(); }) });
    查看全部
  • 调用名为$. extend的工具函数,可以对原有的工具函数进行扩展,自定义类级别的jQuery插件,调用格式为: $. extend ({options}); 参数options表示自定义插件的函数内容。 (function($) {…})(jQuery) 匿名函数,这种写法的最大好处是形成闭包,在(function($) {…})(jQuery)在内部定义的函数和变量只能在此范围内有效。作用和$(function(){})基本一样
    查看全部
  • 1,使用hover()方法切换事件。hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切换效果。调用格式: $(selector).hover(over,out) over参数为移到所选元素上所触发的函数,out参数为移出元素时所触发的函数。 例如,当鼠标移动到div元素上时,元素中的字体变成金黄色 $(function()){ $("div").hover( function(){ $(this).addClass("orange") }, function(){ $(this).removeClass("orange"); } ) } 注意,hover是个方法,不是个事件
    查看全部
  • 1,使用bind()方法绑定元素的事件,格式为$(selector).bind(event,function(){}) selector是被选的元素,event是事件名,如果要绑定多个事件,中间用空格分开即可。 2,鼠标点击或者离开按钮不可用的事例: $(function () { $("#btntest").bind("click mouseout", function () { $(this).attr("disabled", "true"); }) });
    查看全部
  • 1,页面加载时触发ready()事件 此事件类似于onLoad()事件,但ready()事件只要页面DOM结构加载后便触发,而后者必须在页面全部元素加载成功才能触发,ready()可以写多个,按顺序执行。 2,$(document).ready(function(){})等价于$(function(){}) 3,代码示例&(document).ready(function(){ $("#tip").html("我被加载了!") }) 4,绑定事件可以用bind $(document).ready(function() { $("#btntest").bind("click", function () { $("#tip").html("我被点击了!"); }); });
    查看全部

举报

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

微信扫码,参与3人拼团

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

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