《锋利的jquery》源码整理_H5之家 - 中国HTML5教程资源分享第一站

《锋利的jquery》源码整理——jquery技巧下更新时间：2017-09-02 09:05:32

　　接上：

代码：

　　13.获取选中的下拉框

<!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> </head> <body> <input type="button" value="get"/> <select> <option>一班</option> <option>二班</option> <option>三班</option> </select> <script> function getObj(){ var $obj = $('#someElement').find('option:selected'); alert( $obj.val() ); } </script> </body> </html>

　　14.获取选中的下拉框

<!DOCTYPE> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> </head> <body> <button >toggle</button> <input type="checkbox" value="1" />篮球 <input type="checkbox" value="2" />足球 <input type="checkbox" value="3" />羽毛球 <script> var tog = false; $('button').click(function(){ $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); </script> </body> </html>

　　15.使用siblings()来选择同辈元素

<!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> <style> li.active{ font-size:20px; color:red; } </style> </head> <body> <ul> <li>Google</li> <li>百　度</li> <li>新浪</li> </ul> <script> /* 不这样做 $('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active'); }); */ //替代做法是 $('#nav li').click(function(){ $(this).addClass('active') .siblings().removeClass('active'); }); </script> </body> </html>

　　16.从元素中除去HTML

<!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> </head> <body> <div> <p>锋利的<a href="#nogo">jQuery</a></p> </div> <script> (function($) { $.fn.stripHtml = function() { 　　var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi; 　　this.each(function() { 　　　　$(this).html( $(this).html().replace(regexp,'') ); 　　}); 　　return $(this); } })(jQuery); //用法： $('div').stripHtml(); </script> </body> </html>

　　这些只是一部分，全部的代码（上）面有链接。

来源：马开东云搜索（微信/QQ：420434200,微信公众号：makaidong-com）
欢迎分享本文，转载请保留出处！

【原文阅读】: