1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

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

作者:用户 来源:互联网 时间:2016-06-25 09:23:58

jquery测试代码版本元素选择jQuery测试工具jquery技巧jquery实用技巧

jQuery教程:14个实用的jQuery技巧 - 摘要: 本文讲的是jQuery教程:14个实用的jQuery技巧, jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为j

jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!

1.测试并提升你的jQuery选择器水平

这个 jQuery选择器实验室 非常酷,它能在线免费使用,当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段,然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。

jQuery<a href=教程:14个实用的jQuery技巧-">

2.测试jQuery包装集是否包含某些元素

如果你想测试一下某个jQuery包装集中是否包含某些元素,你首先可以尝试使用验证首个元素是否存在:

 if($(selector)[0]){...}
// 或者这样
if($(selector).length){...}

来看看这个例子:

 //例子.如果你的页面有以下html代码
<ul id="shopping_cart_items">
  <li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li>
  <li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li>
  <li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li>
</ul>
<pre escaped="true" lang="javascript">...
//这个if条件将返回true,因为我们有两个
// input域匹配了选择器,所以<statement>代码将会执行
if($("#shopping_cart_items input.in_stock")[0]){<statement>}

3.从jquery.org读取jQuery最新版本

你可以使用这句代码读取jQuery的最新版本的代码文件。

 <script src="http://code.jquery.com/jquery-latest.js"></script>

你可以使用这个方法来调用最近版本的jQuery框架,当然,你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , 测试 , 代码 , 版本 , 元素 , 选择 , jQuery测试工具 , jquery技巧 jquery实用技巧 ,以便于您获取更多的相关知识。

json-实用jquery实现对table动态拼装具体如下

问题描述 实用jquery实现对table动态拼装具体如下 现有如下数组 Var json= [{"did":1,"businessType":"2-理赔","weekday":"2-周二","startTimeStr":"11:57:48","endTimeStr":"11:57:49","reserveNum":"11","branchCode":"8636","panelC...

20个非常棒的Jquery实用工具 国外文章_jquery

1. Real Person jQuery Plugin 2. Search And Share 3. FancyPlayer – jQuery Fancybox and Flowplayer Integration 4. Speeding up Google Analytics load times with jQuery 5. Price Format – jQuery Plugin 6. jTruncate – Text Truncation for jQuery 7. Slide Top Panel – jQuery Plugin 8...

25个优秀的Ajax应用与实例

Ajax能有效提供网页的交互能力,给用户带来更佳的浏览体验,是Web2.0的标志之一。这里精选了25个优秀的Ajax应用与实例,供有兴趣的朋友参考学习:Ajax RSS 阅读器通过Ajax、PHP与MySQL搭建一个简单的RSS阅读器。在这个例子中,允...

平时开发搜集的一些网址

 平时开发程序时在网上搜索到的一些相关的文章,博客,类库,软件等等的一个收藏贴。 涉猎面会很广,各种各样,只要觉得好的、有用的就收藏到这里。不定时更新。 ----------------------------------------------------   *2014-03-04* 做...

14个Google地图的JavaScript资源

注:本文转载自open-open Google Maps 拥有非常多的 API,您可以利用它们在您的网站和应用程序中嵌入功能强大且实用的 Google Maps,并在地图上叠加您自己的数据。您可以使用 JavaScript 在网页中嵌入 Google Map,还可以通过多种服务操...

前三篇
后三篇