jquery 中获取一个对象怎么通过子类修改他父类的样式

jquery 中获取一个对象怎么通过子类修改他父类的样式,第1张

兄弟,给你改了一下,如果你想要点击a的时候,它的父元素li 的class变成 closed,

那用jquery就像下面那样写,复制过去看看吧:

---------------------------------------------------------------------------------------------------

<script>

$(function(){

$("a")click(function(){

$(this)parent()attr("class","closed");

});

});

</script>

var aAll = abcfind('a');

find(expr)

搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。

返回值

jQuery

参数

expr (String) :用于查找的表达式

示例

从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。

HTML 代码:

<p><span>Hello</span>, how are you</p>

jQuery 代码:

$("p")find("span")

结果:

[ <span>Hello</span> ]

// 其实这样是正常的啊,你为 input 添加 onblur 事件,但是你后来添加的 input 并没有为它绑定 onblur 事件,所以是不会执行你的 alert('ss') 的,如果每次页面一遍就要全部重新绑定,那效率会很慢的,你可以为新的 input 绑定方法,如下修改你的代码:

<script type="text/javascript">

$(function() {

// 为你的 input 绑定 onblur ,执行 myalert() 方法

$("#table input")blur(function() {

myalert();

});

// 点击的时候新增一个按钮,这个按钮有 onblur="myalert()"

// 当然,你这里也可以把 input 抽离出来

// 这里你的 inp 是一个 jquery 对象,建议用 $(); 包起来,否则火狐好像有些版本不兼容

$("#button")click(function() {

var inp = $('<tr><td><input name="val[]" type="text" onblur="myalert()" /></td></tr>');

$("#table tr:last")after(inp);

});

})

// 这是你的 alert 方法,为了公用,就抽离出来

function myalert() {

alert("ss");

}

</script>

// 另外你也可以使用 live 来绑定 onblur 事件,使用 live 的话,你的对象每次一发生改变,则会重新执行绑定和加载事件,效率可能比较慢,但是也可以实现效果,修改你的代码如下:

<script type="text/javascript">

$(function() {

$("#table input")live("blur", function() {

alert("ss");

});

$("#button")click(function() {

var inp = $('<tr><td><input name="val[]" type="text" /></td></tr>');

$("#table tr:last")after(inp);

});

})

</script>

以上就是关于jquery 中获取一个对象怎么通过子类修改他父类的样式全部的内容,包括:jquery 中获取一个对象怎么通过子类修改他父类的样式、jquery 选择器,怎么取得一个jquery对象中的<a>标签的对象、jQuery获取表单点击事件返回的value值报错没办法获取。。。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9528939.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存