8个实用的jQuery技术

1）禁用右击功能
如果要保护用户的网站信息，开发人员可以使用此代码-禁用右击-单击功能。
复制代码代码如下所示：
$（文档）Ready（函数（）{）
捕捉右键单击上下文菜单。
$（document）。Bind（菜单
警告提示-可选
警报（没有右击）！；

删除默认上下文菜单
返回false；
}）；
}）；
2）使用jQuery设置文本大小
使用此代码，用户可以根据需要重新配置文本大小（增加或减少）。
复制代码代码如下所示：
$（文档）Ready（函数（）{）
找到当前字体大小
originalfontsize = $（var 'html）。Css（'font-size）；

增加文本大小
$（。increasefont）。Click（function（）{）
currentfontsize = $（var 'html）。Css（'font-size）；
无功currentfontsizenumber = parseFloat（currentfontsize，10）；

无功newfontsize = currentfontsizenumber * 1.2；
$（'html）。Css（'font-size '，newfontsize）；
返回false；
}）；

减少文本大小
$（。decreasefont）。Click（function（）{）
currentfontsize = $（var 'html）。Css（'font-size）；
无功currentfontsizenum = parseFloat（currentfontsize，10）；

无功newfontsize = currentfontsizenum * 0.8；
$（'html）。Css（'font-size '，newfontsize）；
返回false；
}）；

字体大小
$（。resetfont）。Click（function（）{）
$（'html）。Css（'font-size '，originalfontsize）；
}）；
}）；
3）在新窗口中打开链接
使用此代码将帮助用户在新窗口中打开链接，并为用户带来更好的用户体验。
复制代码代码如下所示：
$（文档）Ready（函数（）{）
/ /选择在href HTTP的所有锚标签
/ /应用目标= _blank
$（一^ 'http' } { href =）。Attr（'target'，'_blank）；
}）；
4）更改样式列表
使用此代码可以帮助您更改样式列表。
复制代码如下：$（文档）Ready（函数（）{（）{）
$（a.cssswap）。Click（function（）{）
用关系中的值交换链接属性。
$（'link { rel=样式}）。Attr（'href，$（这）。Attr（'rel '））；
}）；
}）；
5）返回到顶部链接
这段代码对长时间单击一个页面非常有用，并且可以在关键时刻单击顶部函数。
复制代码代码如下所示：
$（文档）Ready（函数（）{）
当单击顶部链接时
$（#顶）。Click（function（）{）
/ /卷动页面回到顶部
$（document），ScrollTo（0500）；
}
}）；
6）获取鼠标指针的x / y轴。
复制代码代码如下：$（）。Mousemove（function（e）{ {）
在p元素中显示x和y轴值。
$（'p'）。Html（X轴Y + e.pagex +轴+ e.pagey | ）；
}）；
7）检测当前鼠标坐标
使用此脚本，您可以在任何网络浏览器中获得鼠标坐标。
复制代码如下：$（文档）Ready（函数（）{（）{）
$（）。Mousemove（功能（E））
{
（mousecoordinates美元的#）。Html（X轴位置=Y + e.pagex +轴=位置+ e.pagey）；
}）；
8）图片预压
此代码帮助用户快速加载图片或页面页面。
复制代码代码如下所示：
jquery.preloadimagesinwebpage =功能（）
{
对于（var ctr = 0；CTR < arguments.length；CTR + +）
{
jQuery（），Attr（src
}
}
要使用上述方法，您可以使用以下内容
美元。preloadimages（照片1. GIF
要检查图像是否已加载，可以使用
$（# ImageObject）。Attr（'src '，'image1。gif）。负荷（函数（）{（））
警报（已经加载了图像……）；
}）；