0 Comments

50个必备的实用jQuery代码段(5)

发布于:2013-10-24  |   作者:广州网站建设  |   已聚集:人围观

41. 如何切换页面上的所有复选框:


  1. var tog = false;  
  2. // 或者为true,如果它们在加载时为被选中状态的话  
  3. $('a').click(function() {  
  4.     $("input[type=checkbox]").attr("checked",!tog);  
  5.     tog = !tog;  
  6. }); 

42. 如何基于一些输入文本来过滤一个元素列表:
广州网站建设,网站建设,广州网页设计,广州网站设计


  1. //如果元素的值和输入的文本相匹配的话  
  2. //该元素将被返回  
  3. $('.someClass').filter(function() {  
  4.     return $(this).attr('value') == $('input#someId').val();  
  5. }) 

43. 如何获得鼠标垫光标位置x和y


  1. $(document).ready(function() {  
  2.     $(document).mousemove(function(e){  
  3.         $(’#XY’).html(”X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);  
  4.     });  
  5. }); 

44. 如何把整个的列表元素(List Element,LI)变成可点击的


  1. $("ul li").click(function(){  
  2.   window.location=$(this).find("a").attr("href");  
  3.   return false;  
  4. }); 

  1. <ul>  
  2. <li><a href="#">Link 1</a></li>  
  3. <li><a href="#">Link 2</a></li>  
  4. <li><a href="#">Link 3</a></li>  
  5. <li><a href="#">Link 4</a></li>  
  6. </ul> 

45. 如何使用jQuery来解析XML(基本的例子):


  1. function parseXml(xml) {  
  2.     //找到每个Tutorial并打印出author  
  3.     $(xml).find("Tutorial").each(function() {  
  4.         $("#output").append($(this).attr("author") + "");  
  5.     });  

46. 如何检查图像是否已经被完全加载进来


  1. $('#theImage').attr('src''image.jpg').load(function() {  
  2.     alert('This Image Has Been Loaded');  
  3. }); 

47. 如何使用jQuery来为事件指定命名空间:
广州网站建设,网站建设,广州网页设计,广州网站设计


  1. //事件可以这样绑定命名空间  
  2. $('input').bind('blur.validation'function(e){  
  3. // ...  
  4. });  
  5. //data方法也接受命名空间  
  6. $('input').data('validation.isValid'true); 

48. 如何检查cookie是否启用


  1. var dt = new Date();  
  2. dt.setSeconds(dt.getSeconds() + 60);  
  3. document.cookie = "cookietest=1; expires=" + dt.toGMTString();  
  4. var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;  
  5. if(!cookiesEnabled) {  
  6. //没有启用cookie  

49. 如何让cookie过期:


  1. var date = new Date();  
  2. date.setTime(date.getTime() + (x * 60 * 1000));  
  3. $.cookie('example''foo', { expires: date }); 

50. 如何使用一个可点击的链接来替换页面中任何的URL


  1. $.fn.replaceUrl = function() {  
  2.     var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;  
  3.     this.each(function() {  
  4.         $(this).html(  
  5.             $(this).html().replace(regexp,'<a href="$1">$1</a>‘)  
  6.         );  
  7.     });  
  8.     return $(this);  
  9. }  
  10. //用法   
  11. $('p').replaceUrl(); 

原文:http://www.woiweb.net/50-jquery-snippets-for-developers.html

标签:
飞机