
可以参考以下两种方法:
1、代码一
funciton(id){
$("#"+id).hide()
}
2、代码二
funciton(id){
$("#"+id的值).hide()//比如$("#"+myid).hide()
}
扩展资料:
jquery选择器:
1、#id
用法: $("#myDiv") 返回值 单个元素的组成的集合
说明: 这个就是直接选择html中的id="myDiv"
2、Element
用法: $("div") 返回值 集合元素
说明: element的英文翻译过来是”元素”,所以element其实就是html已经定义的标签元素,例如div,input, a等等。
参考资料来源:百度百科-jQuery
js太麻烦了,涉及怎么传i进去函数里面,找了好久资料才找着,最好用还是jq我下面提供的资料都有,,隐藏的是jq实现的,你可以复制到你本地看看。。。
具体js实现后的效果如下:
然后代码如下:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{
margin:0
padding:0
}
body{
font:normal 1em Arial, Helvetica, sans-serif
margin:0
padding:0
}
a{ text-decoration:nonecolor:black}
a:hover{ text-decoration:underlinecolor:red}
#ull li{ border:1px solid red}
.navHover{ background:#aaa}
.navHover0{ background:#99F}
.navHover1{ background:#ccc}
.navHover2{ background:#f00}
.navHover3{ background:#ff0}
.navHover4{ background:#99d}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
<ul id="ull">
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
<script language="javascript">
var wLi = document.getElementById("ull").getElementsByTagName("li")
for(var i = 0i <wLi.lengthi++){
wLi[i].onmouseover = function(i){
return function(){
this.className = "navHover" + i
}
}(i)
wLi[i].onmouseout = function(){
this.className = ""
}
}
// $(document).ready(function(){
// $("#ull li").hover(function(){
// var index = $("#ull li").index(this)
// $(this).addClass("navHover" + index)
// },function(){
// $(this).removeClass()
// })
//
// })
</script>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)