lib.im

jQuery选择时排除第一个和鼠标悬停链接上加载图片
jQuery选择时排除第一个问题:相同class="test"的情况下需要除了一个div之外全...
扫描右侧二维码阅读全文
13
2019/09

jQuery选择时排除第一个和鼠标悬停链接上加载图片

jQuery选择时排除第一个

问题:

相同class="test"的情况下需要除了一个div之外全部隐藏

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

解决办法

$("div.test:not(:first)").hide();
$("div.test:not(:eq(0))").hide();
$("div.test").not(":eq(0)").hide();
$("div.test:gt(0)").hide();
$("div.test").slice(1).hide();
$("li").not(":first").hide();

来源

jQuery鼠标移到链接上显示图片

使用jQuery,使图像只在你需要的时间加载。
html结构:

<a class="preview" href="#" data-url="thumbnail_01.jpg"></a>

然后在JavaScript

$(document).ready(function(){
   $(".preview").hover(function(){
     var imgurl = $(this).attr('data-url');
     $(this).html('<img src="'+imgurl+'" class="hide-image" />');
   })
});

来源

Last modification:September 13th, 2019 at 11:13 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment