JQuery学习总结【一】(2)

JQuery学习总结【一】

这里可以将其写在一起,比如选择器和过滤器,这样子就会很强大。

不仅可以使用选择器进行绝对定位,还可以进行相对定位,只要在$()指定第二个参数,第二个参数为相对的元素。

案例:

(相对定位)

JQuery学习总结【一】

:这里的元素就是在定位#tables tr 下的td的定位

10 属性过滤器

JQuery学习总结【一】

Eg:

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <script src="https://www.jb51.net/js/jquery-1.4.2.js"></script> <script src="https://www.jb51.net/js/jquery-1.4.2-vsdoc.js"></script> <title></title> <script type="text/javascript"> $(function() { $("input[value=显示选中的内容]").click(function() { alert($("input:checked").val()); }); }); </script> </head> <body> <input type="checkbox" value="上海"/>上海<br/> <input type="checkbox" value="宝鸡"/>宝鸡<br/> <input type="checkbox" value="深圳"/>深圳<br/> <input type="checkbox" value="西安"/>西安<br/> <input type="checkbox" value="北京"/>北京<br/> <input type="submit" value="显示选中的内容"/> </body> </html>

11 元素的each <通过一些过滤器和选择器来遍历each一些元素。>

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <script src="https://www.jb51.net/js/jquery-1.4.2.js"></script> <script src="https://www.jb51.net/js/jquery-1.4.2-vsdoc.js"></script> <title></title> <script type="text/javascript"> $(function() { $("input[name=names]").click(function() { var arr = new Array(); $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); }); $("#msgNames").text("共选中"+arr.length+"项:"+arr.join(",")); }); }); </script> </head> <body> <input type="checkbox" value="张辉"/>张辉 <input type="checkbox" value="妈妈"/>妈妈 <input type="checkbox" value="妈妈"/>妈妈 <input type="checkbox" value="妈妈"/>妈妈 <p></p> </body>

JQuery学习总结【一】

以上就是本文的全部内容,希望对大家有所帮助,下篇文章继续介绍JQuery基本知识--JQuery学习总结【二】,有兴趣的朋友可以看下。谢谢对脚本之家的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwxwps.html