-
$(selector).accordion()方法没有参数，主要是在结构中使用了href="#"也就是给折叠点击的地方加了个<a>标签使其内容自动形成折叠。查看全部
-
绑定一次性事件，基本语法如下： $("selector").one(event, function() {}) //one绑定的事件是一次性的，即触发一次就再也不能触发第二次了查看全部
-
元素绑定多个函数，基本语法如下： $("selector").toggle(function1(){}, function2(){}, ...) //如果toggle中什么都不写，可以实现隐藏与现实功能查看全部
-
$(selector).sortable({key:value})可以进行拖动排序，另外可以使用opacity:0.35达到聚焦的效果.查看全部
-
切换事件，（可用于按钮的CSS样式变化），基本语法如下： $("selector").hover(function1(){},function(){}) //当鼠标移到该selector上时，执行function1；移出selector时，执行function2。 该方法可以用于导航栏的样式变换查看全部
-
ready()事件类似于onload()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready（）可以写多个，按顺序执行查看全部
-
绑定元素事件，基本语法如下： $("selector").bind("event1 event2 ...",function() {操作}) //多个事件，用空格隔开查看全部
-
<!DOCTYPE html> <html> <head> <title>:has(selector)过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div>改变包含"label"元素的背景色：</div> <ol> <li><p>我是P先生</p></li> <li><label>L妹纸就是我</label></li> <li><p>我也是P先生</p></li> <li><label>我也是L妹纸哦</label></li> <li><p>P先生就是我哦</p></li> </ol> <script type="text/javascript"> $("li:has('p')").css("background-color", "blue"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>:contains(text)过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div>改变包含"jQuery"字符内容的背景色：</div> <ol> <li>强大的"jQuery"</li> <li>"javascript"也很实用</li> <li>"jQuery"前端必学</li> <li>"java"是一种开发语言</li> <li>前端利器——"jQuery"</li> </ol> <script type="text/javascript"> $("li:contains('jQuery')").css("background", "green"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>:eq(index)过滤选择器</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <div>改变中间行"葡萄"背景颜色：</div> <ol> <li>橘子</li> <li>香蕉</li> <li>葡萄</li> <li>苹果</li> <li>西瓜</li> </ol> <script type="text/javascript"> $("li:eq(2)").css("background-color", "#60F"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>:first过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div>改变最后一行"苹果"背景颜色：</div> <ol> <li>葡萄</li> <li>香蕉</li> <li>橘子</li> <li>西瓜</li> <li>苹果</li> </ol> <script type="text/javascript"> $("li:last").css("background-color", "red"); </script> </body> </html>查看全部
-
获取第一代子元素的语法是parent>child选择器查看全部
-
$(selector).draggable(),传人的参数形式为{key/value}形式，containment:"parent"表示只能在父元素中,axis表示轴，axis:"x"表示只能沿x轴拖动。查看全部
-
慕课网中的js插件有问题当Text1的值为10，Text2的值为5得出的结果居然是0。在if()后加一else可以解决.查看全部
-
自定义的插件多为封装的函数调用时先获取对象然后使用对象的方法或属性。查看全部
举报
0/150
提交
取消