
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="jqhovercss"><!--这里显示外链式样式-->
<!--<style>这里显示是内嵌式样式,两种方式都可以在下面的jq代码中获取到背景定位的值
a{ background-position: 0px 0px;}
a:hover{ background-position: 120px -20px;}
</style>-->
<script src="jquery-180minjs"></script><!--这里引入jq库,你在使用的时候记住修改路径-->
<script>
$(function(){
var bgPosition = $('a');
bgPositionhover(function(){
alert($(this)css('background-position'))
},function(){
alert('ok')
});
})
</script>
</head>
<body>
<a href="#">1111111111111</a>
</body>
</html>
首先,要用jquery获取到这个元素,用attr方法可以输出这个元素的标签属性。例如:
<div id='id1' class='class2'></div>
$('#id1') 获取到这个元素,有很多种获取元素方法,可参考jquery的文档。
$('#id1')attr('id'),就是获取到ID
$('#id1')attr('class'),就是获取到整个的class样式,多个样式可以自行用空格split一下。
<script>
$(document)ready(function(){
var $dh1 = $("#main")width();
alert($dh1) //这个出来没有 px
var $dh2 = $("#main")css("width");
alert($dh2) //这个出来会有 px
}
);
</script>
注:main 是div 的id
jquery获取classname的方法。
如下参考:
1.首先,打开桌面上的jquery图标,打开软件,创建一个新的HTML文档,并指定元素的ID。
2.编写JS脚本,根据ID选择元素,如下图所示。
3.使用.val()方法获取被选元百素的value值,如下图。
4.以d出窗口的形式显示得到的输入值。
5.保存文件并在浏览器中查看结果。
var $JDom = $('query1 input[name="SL"]') ;
$JDomeach(function(){
alert(thisvalue);
});
jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:
$("p")css("background-color");父级的同级元素的子标签的css样式如下:
//eq(0)表示选择匹配到多个元素中的第一个$("target")parent()siblings()eq(0)children()eq(0)
以上就是关于jquery获取css中:hover的样式 , 只需要获取全部的内容,包括:jquery获取css中:hover的样式 , 只需要获取、如何用Jquery获取某一个Div的Class或者ID、用jquery获得div 里面style 的属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)