Visual Studio下使用jQuery的10个技巧

您的位置：
门户
>> 文章精选
>> 软件开发专栏
>> Java
>> 查看资讯

Visual Studio下使用jQuery的10个技巧

发表于：2011-1-20 10:17

字体：大中小 | 上一篇 | 下一篇 | 我要投稿

作者：黄永兵译来源：51Testing软件测试网采编

DotNet

Dotnet

jquery

jQuery

　　广泛流行的jQuery是一个开源的，跨浏览器和兼容CSS 3的JavaScript库，你可以用它简化你的JavaScript编码任务和操作（添加，编辑和删除）HTML内容中的DOM元素，本文介绍10个在Visual Studio下使用jQuery的10个有用的技巧，希望对你有所帮助。

　　你需要准备些什么

　　为了在Visual Studio中顺利使用jQuery，你需要安装下面这些软件：

　　Visual Studio 2008

　　Visual Studio 2008 SP1

　　jQuery库

　　Visual Studio 2008 jQuery插件

　　或者直接使用Visual Studio 2010，因为它已经内置支持jQuery了，如果你恰好在使用Visual Studio 2010，那么恭喜你，默认已经安装有jQuery库了。

　　在深入了解使用jQuery操作网页中的DOM元素之前，我们先来看看jQuery的介绍和它的好处。

　　一些有用的jQuery技巧

　　jQuery最显著的特点包括支持：

　　浏览器无关：jQuery支持绝大多数浏览器；

　　简化的事件处理模型：jQuery支持优秀的，易于使用的，范式化的事件处理模型，大大减少了代码量，jQuery事件处理模型在所有浏览器中都是一致的，事件对象是一个跨浏览器的标准化对象，事件对象总是作为一个参数传递给事件处理程序；

　　无缝扩展：jQuery通过易于使用的插件API提供了扩展支持，可以无缝扩展jQuery核心库。

　　下面开始介绍使用jQuery的一些技巧

　　1、使用jQuery预加载图像

　　预加载图像被认为是一个最佳实践，因为它提高了网页的渲染速度，下面的代码显示了jQuery预加载图像的代码片段：

jQuery.preloadImages = function()

{

for(var x = 0; x").attr("src", arguments[x]);

}};

　　2、使用jQuery禁用上下文菜单

　　下面的代码举例说明了如何使用jQuery禁用上下文菜单：

$(document).ready(function(){

$(document).bind("contextmenu",function(e){

return false;

});

　　3、在jQuery中添加和删除CSS类

　　在jQuery中添加和删除CSS类非常简单：

//To add a css class, you can use the following piece of code

if($(id).hasClass('testClass'))

{

$('#div1').addClass('testclass');

}

//To remove a css class, you can use the following piece of code

if($(id).hasClass('testClass'))

{

$('#div1').removeClass('testclass');

}

31/312 3 >

《2023软件测试行业现状调查报告》独家发布~

搜索风云榜

送祝福，领好礼

2023测试行业调查报告

挣点稿费

AI与软件测试

文章资料精选