1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 )
1
2
3
4
5
|
$.ajaxSetup({ ajaxSettings : {
contentType : "application/x-www-form-urlencoded;chartset=UTF-8"
}
}); |
2. jquery判断元素上是否绑定了事件
1
2
3
4
5
|
//jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 var $events = $( "#id" ).data( "events" );
if ($events && $events[ "click" ]) {
// your code
} |
3. 被选中的option元素
1
|
$( '#element' ).find( 'option:selected' );
|
4. 禁用右键单击上下文菜单
1
2
3
|
$(document).bind( "contextmenu" , function (e){
return false ;
}); |
5. 禁用文本选择功能
1
2
3
|
$(document).bind( "selectstart" , function () {
return false ;
}); |
6. jquery隔行换色
1
2
|
$( ".div_row1:even" ).addClass( "background_even" ); // 匹配偶数行
$( ".div_row1:odd" ).addClass( "background_odd" ); // 匹配单数行
|
7. 鼠标移入变色,移除还原背景色
1
2
3
4
5
|
$( ".div_row1" ).mouseover( function () {
$( this ).addClass( "background_mouseover" );
}).mouseout( function () {
$( this ).removeClass( "background_mouseover" );
}); |
8. jquery判断鼠标左键、右键
1
2
3
4
5
6
7
|
$( "#id" ).mousedown( function (e) {
if (3 == e.which) {
alert( "右键单击事件" );
} else if (1 == e.which) {
alert( "左键单击事件" );
}
}); |
9.jquery动态添加元素到DOM中
1
2
|
var newDiv = $( '<div></div>' );
newDiv.attr( 'id' , 'myNewDiv' ).appendTo( 'body' );
|
10.jquery元素居中(屏幕正中间)
1
2
3
4
5
6
7
8
|
jQuery.fn.center = function () {
return this .each( function (){
$( this ).css({
position: 'absolute' ,
top, ( $(window).height() - this .height() ) / 2 + $(window).scrollTop() + 'px' ,
left, ( $(window).width() - this .width() ) / 2 + $(window).scrollLeft() + 'px' });
}); } // 这样来使用上面的函数: $(element).center();
|
11. 把特定名称的所有元素的值都放到一个数组中
1
2
3
4
|
var arr = new Array();
$( "input[name='xxx']" ).each( function (){
arr.push($( this ).val());
}); |
12. jquery正则表达式除去HTML标签
1
2
3
4
5
6
7
8
9
|
( function ($) {
$.fn.stripHtml = function () {
var regexp = /<( "[^" ]* "|'[^']*'|[^'" >])*>/gi;
this .each( function () {
$( this ).html( $( this ).html().replace(regexp, '' ) );
}); return $( this );
} })(jQuery); // 用法: $('p').stripHtml();
|
13.jquery获得鼠标光标位置x和y
1
2
3
4
5
|
$(document).ready( function () {
$(document).mousemove( function (e) {
$( "#mouse" ).html( "X point : " + e.pageX + " | Y " + e.pageY);
});
}); |
14.jquery检查元素是否存在
1
2
3
|
if ( $( "#id" ).length > 0 ) {
// it exists
} |
15.js倒计时
1
2
3
4
5
6
7
8
9
|
var count = 5;
countdown = setInterval( function () {
$( "#mouse" ).html(count + " 秒后将跳转到百度首页!" );
if (count == 0) {
clearInterval(countdown);
}
count--;
}, 1000); |
16.jquery回到顶部
1
2
3
4
5
6
7
8
9
|
jQuery.fn.autoscrolltoTop = function () {
$( 'html,body' ).animate({
scrollTop: this .offset().top
},
500
);
}; // 执行如下代码开始滚动 $( '#footer' ).autoscrolltoTop();
|
当然除了这些,还有更多常用的jquery代码等着大家去发掘。
相关推荐
jQuery常用 代码段
下面小编就为大家带来一篇jQuery 常用代码集锦(必看篇)。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
NULL 博文链接:https://dodomail.iteye.com/blog/1906673
涵盖了50个平时开发是常用的代码段,比较全面
常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2
75款常用的jquery特效前端网页代码
jquery 常用代码 jquery属性 jquery文档处理 jQuery时间 jQuery效果 jQuery ajax
门户网站jQuery相册代码相册图片切换代码下载 门户网站jQuery相册代码相册图片切换代码下载 门户网站jQuery相册代码相册图片切换代码下载
开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...
内含有: jquery.1.1.4.core.zip --jQuery最新核心代码 jquery.calendar.zip --日历组件 jquery.menu.zip --菜单组件 jquery.tablesorter.zip --表格排序组件 jquery.tabs.zip --标签页组件 ...
jquery插件包,含dialog插件_源代码,menu插件_源代码,tabs插件_源代码,等
jquery常用的网站新闻类别选项卡代码
Jquery,C#异步刷新源代码
常用手机移动端下拉菜单筛选jQuery特效代码
jquery实现二级导航,里面包括html,css和javascript代码,下载下来就可以直接使用。
一键下载75款常用的jquery特效前端网页代码
JQuery常用工具集合为用户整理了众多jquery的插件,用户下载后可以直接使用,可以完美兼容各大浏览器,给用户编写代码带来无限便捷 个人把常用的一些jquery插件做了一个demo。 Jquery继prototype之后又一个优秀的...