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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 弄了很久的toggle()绑定多个函数的测试,最后知道jQuery1.9对toggle函数做了改动:只支持元素的隐藏与显示的切换,不再支持绑定多个函数进行循环调用了。 toggle:(中文)切换
    查看全部
  • 1.toggle()方法可以在元素的“click事件”中绑定两个或两个以上的函数(toggle()本来有click事件的功能); 同时,它还可以实现“元素的隐藏与显示的切换”:toggle()方法当它没有参数时(括号内没有东西时),它具有隐藏和显示的功能; 2.绑定多个函数的调用格式如下:$(selector).toggle(fun1(){},fun2(){},funN(){},...);其中,fun1,fun2就是多个函数的名称; 3.每次触发事件时,依次执行toggle()方法绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。 4.toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。 【总结】 1、toggle() 方法当它没有参数时,它只有隐藏和显示的功能,必须要配合bind()方法来绑定事件(可以是click,也可以是mouseout……),就是需要一个动作来触发这个toggle()方法,以达到显示or隐藏被选中元素的功能。 2、当它是这种形式toggle(fun1,fun2,funN……)作为绑定多个函数的方法来用时,它本身就具备了click点击触发相应函数的功能了,点击相应的元素后会依次执行fun1,fun2,funN……这些个函数。
    查看全部
  • 行内标签若标签间有空白符则会在元素之间产生一个空格 使用append添加元素,相当于从script标签处开始添加,然后把目标的尾标签移到script的尾标签后
    查看全部
  • $("#id :checked") 选中状态选择器,获取并隐藏处于选中状态的元素
    查看全部
  • js可以嵌套 eg: $("#default").html($("#divtest")) 表示在id号为default的元素中显示id号为divtest元素中的内容
    查看全部
  • $("#id :text") 表单选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具。
    查看全部
  • $("#id :input") 表单选择器获取表单元素,并向这些元素增加一个css样式类别 #id与 :input 之间间隔一个空格 addClass() 修改元素的每一项属性
    查看全部
  • :selected选中状态选择器 只能获取<select>下拉列表框中全部处于选中状态的option元素 如 $("#frm:selected").text("你们好") 这里的ID依然是form元素里的ID,<select></select>列表依然在form里边,option在select里边,选中状态是option的selected属性值为selected。这里的text可以获取或者改变被选中元素的文本
    查看全部
  • 哟西,新技能get√
    查看全部
    0 采集 收起 来源:编程挑战

    2016-04-06

  • 通过调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过options对象获取服务器返回数据 $(form).ajaxForm({options})
    查看全部
  • :checked选中状态选择器 有一些元素存在选中状态,如复选框,单选按钮元素,选中时checked属性值checked,调用 :checked可以获取处于选中状态的全部元素 如 $("#frm:checked").attr("disabled",true);获取到并且让他们不能再使用
    查看全部
  • 除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象
    查看全部
  • 1. display:block 以块状元素显示,li前无点 改用list-item 纵向内联因素排列<br> 2. src="http://libs.baidu.com/jquery/1.9.0/jquery.js" 3. 注意区分 click触发事件和onclick绑定事件的区别作用.
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • (function ($) { $.extend({ "MinNum": function (p1, p2) { return (p1 > p2) ? p2 : p1; } }); })(jQuery); $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "17与18中最小的数是:"; strTmp += $.MinNum(17, 18); //显示在页面中 $(".tip").show().append(strTmp); }); });
    查看全部
  • 总结:1.clone()克隆目标代码并忽略标签间的换行和空格 2.append在目标末尾(不换行、不空格)紧贴着增加代码 3.append增添代码时是以script为单位的(不以语句为单位),即一个script内生成的代码之间是没有空格或换行的,不同script间生成的代码空格或换行取决于标签之间是否有对应符号(可以理解为从script标签处开始增加代码) 例子:1、<span class="red" title="hi">我是美猴王</span><script type="text/javascript"> $("body").append($(".red").clone()); </script><script type="text/javascript"> $("body").append($(".red").clone()); </script> span、script1和script2之间都没有空白符,输出元素之间没有空格。 2、<span class="red">我是美猴王</span> <script type="text/javascript"> $("body").append($(".red").clone()); </script> <script type="text/javascript"> $("body").append($(".red").clone()); </script>< 则span和script1,script1和script2间有空白符,相应输出元素间有空格。但script2子元素之间是没有空格的 3、 <script type="text/javascript"> $("body").append($(".red").clone()); $("body").append($(".red").clone()); </script> 输出只有一个空格
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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