>

一些实用的jQuery代码片段收集,jQuery中的cookie使

- 编辑:正版管家婆马报彩图 -

一些实用的jQuery代码片段收集,jQuery中的cookie使

$.cookies.set( 'sessid', 'dh3tr62fghe' );
var sessid = $.cookies.get( 'sessid' );
$.cookies.del( 'sessid' );
if( $.cookies.test() ) //测验浏览器是还是不是启用了cookie
外,该插件还扶助寄放JSON 数据,已经直接将某些输入框映射到cookie中,比如$( 'input.store' ).cookify(); 使用格外的福利。

下边那么些jQuery片段只是相当少的一局地,要是你在上学进度中也遇上过一些常用的jQuery代码,应接分享。上面就让大家看看那么些有代码片段。

摘自 PainsOnline的专栏

1.jQuery拿走客户IP:

sessid, dh3tr62fghe ); var sessid = $.cookies.get( sessid ); $.cookies.del( sessid ); if( $.cookies.test() ) //测量检验浏览器是不是启用了cookie 外,该插件还支...

复制代码 代码如下:

$.getJSON("", function (data) {
alert("Your ip: " + data.ip);
});

2.jQuery查看图形的肥瘦和惊人:

复制代码 代码如下:

var theImage = new Image();
theImage.src = $('#imageid').attr("src");
alert("Width: " + theImage.width);
alert("Height: " + theImage.height);

3.jQuery查找钦赐字符串:

复制代码 代码如下:

var str = $('*:contains("the string")');
4.js 剖断浏览器是或不是启用cookie:
$(document).ready(function () {
document.cookie = "cookieid=1; expires=60";
var result = document.cookie.indexOf("cookieid=") != -1;
if (!result) {
alert("浏览器未启用cookie");
}
});

5.jQuery检查实验键盘按钮:

复制代码 代码如下:

$(document).ready(function () {
$(this).keypress(function (e) {
switch (e.which) {
case 13:
alert("您按下了回车键");
break;
//more detect
}
});
});

好了,本篇就总括到这里,希望本篇jQuery代码片段小说能对我们起到救助意义

1.jQuery 轮转到最上部/尾巴部分
至于jQuery滚动,本站在事先已经发过类似小说,如:jQuery 回到顶端,下面将它们重新整理一下:

复制代码 代码如下:

//滚动到顶上部分
$("html, body").animate({ scrollTop: "0px" }, 1000);
//滚动到底层
//$("#container"):要滚动的因素
$("html, body").animate({
scrollTop: $("#container").height()
}, 1000);

2.jQuery 剖断成分是或不是存在
怎么接纳 jQuery 判定成分是不是留存,相信广大 jQuery 学习者都会问这么些主题素材,方法很简短,如下:

复制代码 代码如下:

if ($(" #elementid").length) {
//成分存在
}

3.应用 abort() 方法撤除 Ajax 乞请
运用 abort() 方法在推行 js 异步需要的时候可以收回上一回的央浼,方法如下:

复制代码 代码如下:

var req = $.ajax({
type: "post",
url: "/article/form/comment.aspx",
data: { "id": 1 },
success: function() {
//handle
}
});
//取消 Ajax 请求
if (req) {
req.abort()
}

jQuery Ajax 是使用 jQuery 相当的重大的一块,如若您是 jQuery 初学者,只怕会对上边的代码觉获得面生,只怕你能够看看 jQuery学习大总计(五)jQuery Ajax 。

4.jQuery 禁止使用鼠标右键

复制代码 代码如下:

$(document).ready(function() {
$(document).bind("contextmenu", function() {
return false;
});
});

5.向由set提姆eout()调用的法子中传参

复制代码 代码如下:

$(document).ready(function() {
timeout = setTimeout(function() {
showMess("succeed")
}, 2000);
});
function showMess(m) {
alert(m);
}

1.jQuery 倒计时

复制代码 代码如下:

$(document).ready(function () {
var count = 10;
countdown = setInterval(function () {
$("p.countdown").html(count + " 秒后将跳转!");
if (count == 0) {
clearInterval(countdown)
window.location = '';
}
count--;
}, 1000);
});

2.jQuery 论断浏览器类型及版本号
jQuery 判定浏览器类型及版本号极其轻松,能够一贯使用 $.browser 方法举办推断。但本人自身考试时意识在认清 Chrome 浏览器时,再次来到的是 Safari,在网络找了下,于是有了上边包车型地铁代码:

复制代码 代码如下:

var browserName = navigator.userAgent.toLowerCase();
mybrowser = {
version: (browserName.match(/.+(?:rv|it|ra|ie)[/: ]([d.]+)/) || [0, '0'])[1],
safari: /webkit/i.test(browserName) && !this.chrome,
opera: /opera/i.test(browserName),
firefox: /firefox/i.test(browserName),
msie: /msie/i.test(browserName) && !/opera/.test(browserName),
mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome,
chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)
}
$(document).ready(function () {
if (mybrowser.msie) {
alert("浏览器为:Internet Explorer 版本号为:" + $.browser.version);
}
else if (mybrowser.mozilla) {
alert("浏览器为:Firefox 版本号为:" + $.browser.version);
}
else if (mybrowser.opera) {
alert("浏览器为:Opera 版本号为:" + $.browser.version);
}
else if (mybrowser.safari) {
alert("浏览器为:Safari 版本号为:" + $.browser.version);
}
else if (mybrowser.chrome) {
alert("浏览器为:Chrome 版本号为:" + mybrowser.version);
}
else {
alert("神马");
}
});

3.jQuery 成分居中体现
至于成分居中您能够先参谋下css完成指标完全居中,驾驭下里面包车型客车法规,之后再看上面使用jQuery 实现要素居中就相比较简单了。

复制代码 代码如下:

//写成了插件情势
(function ($) {
jQuery.fn.center = function () {
this.css('position', 'absolute');
this.css('top', ($(window).height() - this.height()) /2 +$(window).scrollTop() + 'px');
this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px');
return this;
}
})(jQuery);
$(document).ready(function () {
//调用
$("#somediv").center();
});

4.jQuery 决断图疑似否被全然加载进来

复制代码 代码如下:

$("#demoImg").attr("src", "demo.jpg").load(function() {
alert("图片加载成功");
});

设若你有如何实用的 jQuery 代码片段,款待在 jQuery学习上和豪门享用!

...

本文由web前端发布,转载请注明来源:一些实用的jQuery代码片段收集,jQuery中的cookie使