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

2016-02-20 01:08 2 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享jQuery教程:14个实用的jQuery技巧,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

来看看这个例子:

 //例子.如果你的页面有以下html代码
ul id="shopping_cart_items"
  liinput class="in_stock" name="item" type="radio" value="Item-X" /Item X/li
  liinput class="unknown" name="item" type="radio" value="Item-Y" /Item Y/li
  liinput 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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

来源:https://www.tulaoshi.com/n/20160220/1633362.html

延伸阅读
标签: Web开发
1. 新窗口打开链接 XHTML 1.0 Strict 版本不支持 target="_blank" 属性,而使用 JQuery 能很好地解决这个问题,实现新窗口打开网页: 代码如下: $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); /* Usage: a href="http://www.mangguo.org/" rel="external"mangguo.org/a */ 2. 获得匹配元素的总数...
标签: Web开发
基于Web的在线应用已经是一个逐步成熟的趋势,Web应用的丰富多样化,都是基于JavaScript框架完成的,其中 jQuery 框架被越来越多的Web开发者青睐,它可以让你少写,多做轻松完成复杂效果,这里就是基于jQuery 的14个图片放大编辑插件。 1, jQuery gzoom plugin 2, Hover Zoom 3, AnythingZoomer jQuery Plugin ...
标签: Web开发
日历功能在个人博客网站及一些任务类网站都有广泛的应用,当然,在一些通用网站的后台也不乏这些日历功能的综合应用,所以,一个结构合理、代码清晰的日历模块是网站设计者经常碰到的实际应用,那么,不妨把这篇文章搜藏起来,以备不时之需吧。 jQuery | |   |   | |   |   |...
如果你是网页设计师,又要写点DIV+CSS+JS前端代码,可能会经常找一些插件来帮你实现自己写不出来或者复杂的JS特效,今天发现的这个jQuery插件网站「jQuery Cards」,有超过1000个可以免费使用的JS插件,不仅分类非常详细,而且数量超多,喜欢的朋友自己下载吧。 jQuery Cards jQuery Cards 上的分类非常详细,各种常用、不常用的插件都有...
标签: Web开发
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" head     title全选,不全选,反选/title     script src="js/jquery.js" type="text/javascript"/script     script lang...

经验教程

31

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部