<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var as = $("a");
$.each(as, function(i, n){
$(n).click(function(){
if($(this).parent().attr("class")=="closed")
$(this).parent().attr("class","opened");
else
$(this).parent().attr("class","closed");
});
});
});
</script>
</head>
<body>
<ul>
<li class="opened">
<span class="liststyle"></span><a href="#">搜索1</a>
<p class="clear"></p>
</li>
<li class="opened">
<span class="liststyle"></span><a href="#">搜索2</a>
<p class="clear"></p>
</li>
<li class="opened">
<span class="liststyle"></span><a href="#">搜索3</a>
<p class="clear"></p>
</li>
<li class="opened">
<span class="liststyle"></span><a href="#">搜索4</a>
<p class="clear"></p>
</li>
</ul>
</body>
</html>
2.
$("a").click(function(){
$(this).parent().attr("class","closed");
)
3.
$("a").click(function(){
$(this).closest("li").removeClass("opened").addClass("closed");
});
4.
if ($(this).parent().first().attr("class") == "MyName") {
temp = temp+"(Normal)";
}
alert($("#show").attr("class").indexOf("b"));
alert($("#show2").attr("class") == "myCls");
alert($("div:eq(0)").attr("class") == "myCls");
<div id="show" class="a b c"></div>
<div id="show2" class="myCls"></div>
5.
1.attr(name)
2.$(id)[index].className
分享到:
相关推荐
jquery 查找iframe父级页面元素的实现代码,学习jquery的朋友可以参考下。
jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <li><a>jquery获取父节点</a></li> <li><a>jquery获取父元素</a></li> ...
父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下
对于javascript操作iframe父级页面元素的方法,大家应该都非常清楚了,下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。
parent()——唯一父级元素,可能是0个或1个元素。 2.祖先 parents(selected)——所有selected祖先(不包含根元素),可能是0个、1个或多个元素。 closest(selected)——唯一selected祖先,可能是0个或1个元素。 ...
//对象的父级元素 $("p").append("<b>Hello</b>");//给对象添加内容 4、支持aJax,支持文件格式:xml/html/script/json/jsonp 以下为引用的内容: $("#feeds").load("feeds.html");//相应区域导入静态页内容 $(...
用于查找在给定的父元素下查找 这个父元素下的所有子元素,语法格式: 代码如下:$(“parent->chilid”); 2. 后代元素选择器 用于在给定的祖先元素下匹配所有的后代元素,语法格式: 代码如下:$(“ancestor descendant...
jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标,需要的朋友参考下吧