常用jQuery代码分享

网络编程 2025-03-24 21:42www.168986.cn编程入门

分享一些实用的jQuery代码片段,对于需要的小伙伴来说,可能会觉得非常有用。

一、查看浏览器信息

你可以通过`navigator.userAgent`来检索浏览器信息。例如,如果你想针对某种特定的浏览器进行样式或功能的调整,可以使用这个信息来实现。比如以下的代码片段是针对HTC浏览器的特定样式调整:

```javascript

if (navigator.userAgent.toLowerCase()dexOf("htc") >= 0) {

$("GuanKa .page_content").css("transform", "scale(0.92)");

$(".gaunka_pic").css("margin-top", "-100px");

$(".ertongji_btn").css("margin-left", "570px");

}

```

二、链接参数设置与URL响应

在点击链接时,我们可以为其设置参数,然后根据这些参数做相应的事情。以下是一个例子,当用户点击不同的上传按钮时,会触发不同的GA事件,并跳转到相应的上传页面:

```javascript

$(".Js_uplaod_bnt").click(function () {

if ($(this).attr("myid") == "1") {

SiteFunc.Ga('选择骑骑宝');

} else if ($(this).attr("myid") == "2") { // 其他条件以此类推... }

window.location.href = "Upload.aspx?BabyPostureID=" + $(this).attr("myid");

});

```

我们还可以从URL中获取参数,例如获取BabyPostureID来显示相应的上传Icon图片:

```javascript

var CurBabyPostureID = Cmn.Func.GetParamFromUrl("BabyPostureID");

$(".Js_photo_icon_upimg img").attr("src", "images/result/photo_icon" + CurBabyPostureID + ".png");

```

三、手机端长按触发事件

在手机端,我们可以设置长按元素触发特定事件。以下是一个简单的例子,当长按某个元素2秒时,会跳转到特定的页面:

```javascript

var _timeout = null;

$(".Js_LongPressToCard").on("touchstart", function () {

window.clearTimeout(_timeout); // 清除上一次的长按定时器(如果有的话)

_timeout = setTimeout(function () { // 设置新的长按定时器,2秒后跳转页面

window.location.href = " // 跳转链接地址根据实际情况修改

}, 2000); // 设置定时器时间为2秒(单位毫秒)

});

$(".Js_LongPressToCard").on("touchend", function () { // 当触摸结束时清除定时器,防止误跳转页面情况发生(用户可能只是触摸了一下并没有长按)});``` 以上分享的jQuery代码片段都非常实用且易于理解。希望这些代码能帮助到有需要的小伙伴。如果有任何疑问或需要进一步的解释,欢迎随时提问。

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by