WEB开发网
开发学院网页设计JavaScript Jquery常用技巧和方法 阅读

Jquery常用技巧和方法

 2012-11-20 15:14:58 来源:WEB开发网   
核心提示: Tip15:Jquery触发回车事件$(function () {$('#target').bind('keyup', function (event) {if (event.keyCode == 13) {alert("Hello~");}});}); -Tip1

 Tip15:Jquery触发回车事件
$(function () {
$('#target').bind('keyup', function (event) {
if (event.keyCode == 13) {
alert("Hello~");
}
});
});
-----------------------------------------------------------------
Tip14:获得select 的值
jquery可以像获取textbox值一样获取select的值:$('select').val();
-----------------------------------------------------------------
Tip13:复制文本
使用 window.clipboardData.setData('text', text); 可以将text文本放到系统剪贴板中,实现文本的复制功能。但是,这个方法只被IE所支持。Google Chrome 和Foxfire都不支持。所以,在使用时应先判断浏览器是否支持:if (window.clipboardData) { window.clipboardData.setData('text', text); }
-----------------------------------------------------------------
Tip12:选择文本
对于input或者textarea的文本选择,jquery提供了一个简单的函数完成:select(),在调用它的时候,需要确保文本框可见,并且已经获得焦点。   $("#txtSample").focus().select();  //现货的焦点,然后选择文本
-----------------------------------------------------------------
Tip11:鼠标事件
mouseover 和 mouseout、 mouseenter 和 mouseleave;这两组事件都是鼠标移入和移出元素时触发的,他们的最大区别是: mouseover 和 mouseout是冒泡的,如果鼠标移动到它们的子元素,同样会触发该事件,而 mouseenter 和 mouseleave是不会冒泡的。   这个区别很重要!
-----------------------------------------------------------------
Tip10:页面跳转
使用js直接对window.location.href 赋一个URL字符串值即可实现跳转。
window.location.href = 'a.html';
-----------------------------------------------------------------
Tip9:jQuery对象的扩展
$.extend(target,prop1,propN):用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。例如:
$.extend(settings, options);
合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在 setting中。
var settings = $.extend({}, defaults, options);
合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。可以有多个参数(合并多项并返回)
-----------------------------------------------------------------
Tip8:jQuery删除数组中的项
如Tip7中所说,使用$.grep()方法删除数组中的元素。
var array = ['a', 'b', 'c'];
$.grap(array, function(value, index){return value=='b';}, true);
上面的代码将删除数组array中的元素'b'。
-----------------------------------------------------------------
Tip7:jQuery数组的处理
$.each(obj, fn);
对obj进行遍历,obj为要遍历的数组或对象;fn为处理函数,可选的参数为索引和内容,例如var fn = function(index, content){};如果需要结束遍历,请返回false,其它的返回值将会被忽略。
该方法可以用来处理JSON数据对象。
$.inArray(obj, array);
判断数组array中是否包含obj对象,如果存在,返回对应的下标,如果不存在,返回-1;
$.map(array, fn);
将一个数组中的元素转换到另一个数组中。array为需要转换的数组,fn为处理函数;这个方法的返回值是一个经过处理后的新数组。

1 2 3  下一页

Tags:Jquery 常用 技巧

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接