jquery获取css中:hover的样式 , 只需要获取

jquery获取css中:hover的样式 , 只需要获取,第1张

<!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 的属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9613896.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存