jquery的hover的用法

jquery的hover的用法,第1张

首先回答是,不是必须是hover。

这个addClass里写hover是因为之前的CSS类选择器的名称是hover(就是.hover  {background:red})。这个名称可以改成别的。下边给你一个可以工作的代码:

<html>

<head>

<title>hover demo</title>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

<style>

.myStyle {

background: red

}

</style>

</head>

<body>

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

<script>

$("td").hover(function() {

$(this).addClass("myStyle")

}, function() {

$(this).removeClass("myStyle")

})

</script>

</body>

</html>

有问题请追问~

function changeOver(id){

var sheet =document.styleSheets[0]

var rules = sheet.cssRules || sheet.rules

var cssText = ""

for(var i in rules){

if(rules[i].selectorText==="#"+id+":hover"){

// 先取对应id的css样式 

cssText = rules[i].style.cssText

// 然后再设置上去

$("#"+id).attr("style",cssText)

break

}

}

方法说明:hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数

调用语法:$(selector).hover(inFunction,outFunction)

方法事例:当鼠标指针悬停在上面时,改变 <p>元素的背景颜色

$("p").hover(function(){

$("p").css("background-color","yellow")

},function(){

$("p").css("background-color","pink")

})


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

原文地址: http://outofmemory.cn/tougao/11303500.html

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

发表评论

登录后才能评论

评论列表(0条)

保存