![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
wzheh
这个作者很懒,什么都没留下…
展开
-
图片的点击放大
$(function() { //三个目标图片,添加单击事件 $(".color_change ul li img").click(function () { //split分割符,前后分割 var str = $(this).attr("src").split(".jpg"); //str[0]获取分割后索引0的字符进行拼接 //定...原创 2020-10-06 16:19:12 · 199 阅读 · 0 评论 -
放大镜效果
$(function () { $(".jqzoom").jqueryzoom({ xzoom: 300,//放大图的宽度(默认是200) yzoom: 300,//放大图的高度(默认是200) offset: 10,//离原图的距离(默认是10) position: "right",//放大图的定位(默认是"right") preload: 1 }); }); ...原创 2020-10-06 10:38:02 · 148 阅读 · 0 评论 -
点击事件
$(function(){ //尺寸点击事件 $(".pro_sizelispan").click(function(){ $(this).parents("ul").siblings("strong").text($(this).text()); }); //数量价格改变 var$span=$(".pro_pricespan"); ...原创 2020-10-05 13:35:54 · 174 阅读 · 0 评论 -
皮肤切换和菜单收起
$(function () { $("#skin li").click(function () { //拼接皮肤地址 var css = "styles/skin/" + $(this).attr("id") + ".css"; //修改当前页面皮肤 $("#cssfile").attr("href", css); //单击对...原创 2020-10-04 04:28:37 · 370 阅读 · 0 评论 -
图片的转换动画
$(function () { var i = 0; var a = 0; $(".goLeft").click(function () { i++; if (i >= 3) { i = 0; } $(".prolist_content").animate({ ...原创 2020-10-04 04:26:02 · 399 阅读 · 0 评论 -
轮播图
$(function () { 轮播图 var index = 0; var timeId; 获取图片滚动的高度 var height = $(".ad").height(); 页面加载完毕让其下标为1的li高亮显示 $(".num li:first").addClass("on"); 当鼠标移动到li...原创 2020-10-04 04:18:12 · 98 阅读 · 0 评论 -
导航菜单的收起及滚动
//导航菜单收起 $(".module_up_down").toggle(function(){ var $self = $(this); $self.prev().slideToggle(600); },function(){ var $s...原创 2020-10-04 04:19:21 · 394 阅读 · 0 评论 -
JQuery 部分事件
默认传值:get传值根据name属性 直接传到URL post传到表单数据中 <from action="Onload.html" method="get"> <input type="text" name="Name" value="" /> <input type="password" name="pwd" value="" /> <input type="...原创 2020-09-29 15:13:34 · 110 阅读 · 0 评论 -
JQuery常见过滤器
$(function () { $("tr td:odd").css("color", "red");//从索引0开始,索引奇数 $("tr td:even").css("color", "green");//从索引0开始,索引偶数 $("tr td:eq(1)").css("background-color", "red");//从索引0开始,选择索引值等于eq()的元素 $("tr td:gt(1)").cs...原创 2020-09-28 08:37:39 · 182 阅读 · 0 评论 -
表单选择器JQuery
$(function () { $("li:contains('new')").css("color", "red");//包含new文本的元素 $("li:has('h2')").css("color", "green");//包含h2标签的元素 alert($("li:hidden").length);//不可见元素 1 alert($("li:visible").length);//可见元素 4 ...原创 2020-09-28 21:49:17 · 175 阅读 · 0 评论