jQuery如何获取点击div的属性值

jQuery如何获取点击div的属性值,第1张

div是没有value属性的,但是我们可以给它加上去也是可以获得的,在这里value只是一个自定义参数。

html代码

<div class="store"  value="tanyu"></div>

jq代码

$(function(){

$("store")click(function(){

alert($(this)attr('value'));

});

});

this关键字在对象内部使用才有意义。

var tabIndex = 13;

$(":input[tabindex='" + tabIndex + "']", $("#tblGrid2"))focus();

根据attr(attribute)获取属性名,必须知道上一级的div的class名或者id名,

或者本身知道div的class或者id要获取其他属性,都是这么做的。$("#d1")attr("xxx");xxx是你想获取的某个属性的值。

完整如下:

<div id="div1"><div class="c1" id="d1"></div></div>

$("#div1")find("div")attr("id")

$("#div1")find("div")attr("class")

首先你要明白,JQuery是JavaScript的封装,说白了还是JS,它不能对后台的java对象做任何的处理,只有对后台响应的字符串做处理。

你想在页面中用JQuery用对象的方式调用后台的响应数据,你就得通过java方法,把对象转化为字符串输出到客户端才行。

建议使用Java转化对象里面的值为json字符串给JQuery,这样你就能用你的代码了。

css方法:

1、取得第一个段落的color样式属性的值。

$("p")css("color");

2、将所有段落的字体颜色设为红色并且背景为蓝色。

$("p")css({ color: "#ff0011", background: "blue" });<html>

<head>

    <title>JQuery中如何获取样式属性的值</title>

    <script type="text/javascript" src="jqueryjs"></script>

    <style>

        top {

            background: url(Tupianjpg) no-repeat;

            width: 75px;

            height: 90px;

        }

    </style>

    <script type="text/javascript">

        $(function () {

            var url = $("divtop")css("background-image");

            alert(url);

        })

    </script>

</head>

<body>

    <div class="top"></div>

</body>

</html>

jQuery手册中这样写道:

$(expression, [context])

expression String 用来查找的字符串

context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。

那么,你可以这样获取:

$('img:first-child', this)attr('src');

--------------------------------------

或者用原生js:

var a = documentgetElementById('my')getElementsByTagName('a');

var src = [];

for(var i=0;i<slength;i++){

srcpush(a[i]getElementsByTagName('img')[0]src);

}

在JQuery编码中,我们会判断元素是否存在某个属性比如是否包含 class="new" 的样式呢JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]")hasClass("new") 即可判断

但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性这时该怎么判断呢

这时就没有现成的方法了 如果存在某个属性 $("#aid")attr("rel") 会返回 rel的值,如果不存在 rel属性则会返回"undefined"

undefined 就是 undefined类型 , if($("#aid")attr("rel")=="undefined") 这个判断可能不成立

因为类型不相同

建议使用 if(typeof($("#aid")attr("rel"))=="undefined") 即可

以上就是关于jQuery如何获取点击div的属性值全部的内容,包括:jQuery如何获取点击div的属性值、jquery 怎么用this获取子对象里的某个属性的对象、如何用Jquery获取某一个Div的Class或者ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存