![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
睡到自然醒hh
这个作者很懒,什么都没留下…
展开
-
精品展示案例
当鼠标经过两侧的商品名字时,对应索引的图片要显示出来,其余图片隐藏。mouseenter()eq()方法siblings()方法show()/hide()方法 $('#left li').mouseenter(function(){ //2.获取当前的li的索引值.index()方法 var index=$(this).index(); //3.让右侧对应索引号的图片显示出来,其它图片隐藏 $('#content div'原创 2022-05-27 15:38:27 · 82 阅读 · 0 评论 -
高亮显示案例
hover()方法:一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。fadeTo()方法:把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。 $('.wrap li').hover(function(){ //让鼠标经过的li高亮显示出来,它其他的兄弟元素变暗 $(this).stop().原创 2022-05-27 14:28:18 · 204 阅读 · 0 评论 -
下拉菜单案例
鼠标进入事件mouseenter鼠标离开事件mouseleave下拉动画slideDown/slideUpstop()停止动画 //1.分别用鼠标进入和移除的时候,两种事件完成 $('.nav>li').mouseenter(function(){ //当前的对象把孙代的ul显示出来,this不加引号 $(this).children("ul").stop().slideDown()(); }); //鼠标离开的时候 .原创 2022-05-27 12:43:50 · 116 阅读 · 0 评论 -
鼠标事件(mouseover和mouseenter)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档下拉菜单案例前言一、mouseover和mouseenter的不同点1.事件的触发时机2.是否支持冒泡二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:自己做下拉菜单的时候,突然发现mouseover和mouseenter事件都可以,但是一查之后发现他们两个还是有区别的。所以写了这篇文章记录一下,希望对大家有帮助。mouseover和mouseenter都是鼠标移到元素身上就触发,区别是:1.m.原创 2022-05-27 12:15:28 · 3834 阅读 · 0 评论 -
jQuery中的$(doncument).ready()详解
window.onload=function(){alert("welcome");}该语句的作用是希望在页面加载完,自动执行定义JS代码(function)。$(document).ready(function(){……})这个函数是用来取代页面中的window.onload;$(document).ready()方法是事件模块中最重要的一个函数,可以极大的提高Web应用程序的响应速度。一、$(document).ready()和onload的区别1.执行时机JS(window.on原创 2022-05-27 11:42:53 · 1822 阅读 · 0 评论 -
jQuery购物车
$(function() {//1.全选功能//当我们点击这个全选按钮(checkall)的时候,要用全选按钮的状态设置三个商品里的按钮(j-checkbox)的状态//可以使用change事件$(‘.checkall’).change(function() {$(‘.j-checkbox,.checkall’).prop(“checked”, (this).prop("checked"));//2.背景色的添加与删除if((this).prop("checked")); //2.背景色的添加原创 2022-05-06 22:47:19 · 641 阅读 · 0 评论