jQuery技术

jQuery的教程:14个实用的jQuery技巧

字号+ 作者:H5之家 来源:H5之家 2015-09-22 13:14 我要评论( )

jQuery的教程:14个实用的jQuery技巧,文章

  jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!
  
  1.测试并提升你的jQuery选择器水平
  
  这个jQuery选择器实验室非常酷,它能在线免费使用,当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段,然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。
  
  2.测试jQuery包装集是否包含某些元素
  
  如果你想测试一下某个jQuery包装集中是否包含某些元素,你首先可以尝试使用验证首个元素是否存在:
  
  if($(selector)[0]){...}
  
  //或者这样
  
  if($(selector).length){...}
  
  来看看这个例子:
  
  //例子.如果你的页面有以下html代码
  
  <ulid="shopping_cart_items">
  
  <li><inputclass="in_stock"name="item"type="radio"value="Item-X"/>ItemX</li>
  
  <li><inputclass="unknown"name="item"type="radio"value="Item-Y"/>ItemY</li>
  
  <li><inputclass="in_stock"name="item"type="radio"value="Item-Z"/>ItemZ</li>
  
  </ul>
  
  <preescaped="true"lang="javascript">...
  
  //这个if条件将返回true,因为我们有两个
  
  //input域匹配了选择器,所以<statement>代码将会执行
  
  if($('#shopping_cart_itemsinput.in_stock')[0]){<statement>}
  
  3.从jquery.org读取jQuery最新版本
  
  你可以使用这句代码读取jQuery的最新版本的代码文件。
  
  <scriptsrc="http://code.jquery.com/jquery-latest.js"></script>
  
  你可以使用这个方法来调用最近版本的jQuery框架,当然,你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery:
  
  <scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
  
  type="text/javascript"></script>
  
  

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
i