jquery this 选择子元素
发布时间:2015-11-12, 17:41:01 分类:HTML | 编辑 off 网址 | 辅助
正文 1726字数 44,545阅读
function alertli(opts){
var aobj=opts.children("a");
$(aobj[0]).hide();
}
Run code
Cut to clipboard
//首先你必须把这个对象传过来,所以要用<li onMouseOver="alertli($(this))">才行的
//其次,第n个子节点,用 $(this).children('a')[n-1]表示
//最后,隐藏一个节点,用 $(节点).hide();
//你可以添加jquery事件啊
$(document).ready(function(){
$(document).on('mouserover','li元素id或class什么的',function(){
var aobj=$(this).children("a");
$(aobj[0]).hide();
});
});
Run code
Cut to clipboard
这里可以用:
$(this).next() 当前元素的下一个子元素
$(this).siblings() 选择所有同级子元素除了自身
Run code
Cut to clipboard
推荐方法修改类似这样:
$('li').on('click', 'a', function(){
$(this).siblings().css('display', 'none');
})
Run code
Cut to clipboard
这样再添加更多的 a 也无所谓了。
我的解题思路是,为<ul>中的<li>绑定jquery事件,你可以试试下面的代码,假定<ul>的id是"ss",此时function()里的$(this)就指向了产生事件的li标签
$(function(){
$("#ss").delegate("li", "mouseover", function(){
$(this).find("a:eq(1)").hide();
});
})
Run code
Cut to clipboard
图片旋转代码
<script src="/jquery.rotate.min.js"></script>
<script>
n=0;
function ssff(){
if(!n) return false;
$(n).rotate({
angle:0,
animateTo:360,
callback: ssff,
easing: function (x,t,b,c,d){
return c*(t/d)+b;
}
});
}
$(".mainimg").rotate({
bind:
{
mouseover : function() {
//$(this).find('.immgimmg').rotate({animateTo:-360});
n=$(this).find('.immgimmg');
ssff();
},
mouseout : function() {
n=0;
//$(this).find('.immgimmg').rotate({animateTo:0});
}
}
});
</script>
Run code
Cut to clipboard
(支付宝)给作者钱财以资鼓励 (微信)→
暂无评论 »