-
弄了很久的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√查看全部
-
通过调用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绑定事件的区别作用.查看全部
-
(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
提交
取消