jQuery代码的14条改善技巧[译]
作者:暴风彬彬 来源:彬Go 时间:2009-12-02 10:02:00
jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!
阅读:jQuery中文手册
1.测试并提升你的jQuery选择器水平
这个 jQuery选择器实验室 非常酷,它能在线免费使用,当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段,然后你能尝试预定义使用各种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,优化,代码,技巧,选择器
0
投稿
猜你喜欢
基于Python获取城市近7天天气预报
2023-04-02 08:59:35
更改Mysql root用户密码
2024-01-26 05:51:43
Python实现的特征提取操作示例
2023-02-07 06:08:04
python使用reportlab实现图片转换成pdf的方法
2021-09-24 22:32:26
Flask数据库迁移简单介绍
2024-01-20 09:00:57
python3使用print打印带颜色的字符串代码实例
2022-01-20 10:30:49
在Java编程中使用正则表达式
2022-10-20 02:10:38
MySQL视图的概念和操作函数详解
2024-01-24 15:27:22
JS实现局部选择打印和局部不选择打印
2024-05-11 09:05:49
一个比较完美的spacer div技巧
2009-03-18 19:29:00
Python中你应该知道的一些内置函数
2023-03-14 14:50:50
Python+OpenCV实现将图像转换为二进制格式
2021-06-25 08:10:33
Python爬取肯德基官网ajax的post请求实现过程
2021-03-31 13:54:00
pandas:get_dummies()与pd.factorize()的用法及区别说明
2023-07-10 22:17:32
Python实现查找数据库最接近的数据
2024-01-21 08:27:53
nonebot插件之chatgpt使用详解
2023-07-15 09:56:17
教你使用pyqt实现桌面歌词功能
2021-04-22 16:11:04
pycharm无法导入lxml的解决办法
2023-08-24 04:34:39
一行代码给你的WordPress Blog添加下雪效果
2008-12-14 09:43:00
pandas 时间偏移的实现
2021-09-24 03:54:01