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
  • asp之家 网络编程 m.aspxhome.com