Jquery怎么获取select选中项自定义属性的值_框架

$("select option:selected")attr("自定义属性名");

//自定义属性名称前加data- 这样更符合html5的规范，例如

<option data-name="hi">XXX</option>,这样可以使用另一种方法获取自定义属性的值

$("select option:selected")data("name");//这样可以获取到上面data-name的值

css方法：

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

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

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

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

<head>

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

<style>

top {

background: url(Tupianjpg) no-repeat;

width: 75px;

height: 90px;

}

</style>

$(function () {

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

alert(url);

})

</script>

</head>

<body>

</body>

</html>

$("#li1")getClassName;

$("#li2")getClassName;

$("#li3")getClassName;

$("#li4")getClassName;

什么是outerHTML

outerHTML，中文意为图例分析，用于获取元素内的html内容和文本。

与JQ的$()html()所不同的是，jQueryhtml() 是获取当前节点下的html代码，并不包含当前节点本身的代码。而outerHTML则包含本身的代码

例HTML：

<p id="testid"><span>这是一段Html代码</span></p>

它的html()为：

<span>这是一段Html代码</span>

而有时候回需要包含当前节点的代码，所以就用到了outerHTML，也就是

<p id="testid"><span>这是一段Html代码</span></p>

如何使用jQuery获取outerHTML

原生的JS Dom中有一个内置属性叫做：outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取，以上文代码为例

$('#testid')prop("outerHTML")

完整代码示例

<script src="

<p id="testid"><span>这是一段Html代码</span></p>

consolelog("节点内的HTML代码\n"+$('#testid')html());

consolelog("包含节点的HTML代码\n"+$('#testid')prop("outerHTML"));

</script>

jQuery获取方法

data()方法

//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>

//获取属性

var appid = $("#myDiv")data("appid"); //123

var app-id = $("#myDiv")data("app-id"); //456

//属性赋值 $("#myDiv")data("appid","666");

//最终HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>

需要注意的是，data()的值进行修改并不会影响到DOM元素上的data-属性的改变。data()的本质其实是将一个 “cache” 附加到了对象上，并使用了一个特殊的属性名称。

所以上述代码中，虽然对div进行了data()赋值 *** 作，但HTML代码中div的data-appid的值仍然为123，因为data()只是修改了缓存的那个值，此时进行$('#myDiv')data("appid")的 *** 作，输出的结果为666

js获取data-的方式

通过dataset属性访问

//HTML代码

//js代码

var div = documentgetElementById("myDiv");

var appId = divdatasetappid;//获取data-appid的值

var myName = divdatasetmyname;//获取data-myname的值

//设置值

divdatasetappid = 456;

divdatasetmyname = "newname";

//最终HTML结果

dataset属性的值是DOMStringMap的一个实例，名值对的映射。每个data-name形式的属性都有一个对应的属性，只不过该属性名没有data-前缀。

兼容性：

需要注意的是，dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是datasetmyName的值。可看以下代码

//将上面代码的设置值部分进行修改

divdatasetappId = 789;

divdatasetmyName = "secondname";

//最终结果

"1、利用标签名获取元素

$(""标签名"")

2、通过ID获取元素

$(""#id_name"")

3、通过类名获取元素

$(""className"")

4、一次性获取多个元素

$(""元素名, 元素名, 元素名 "")

5、通过指定层次关系获取元素

$(""祖先子孙"")

$(""父 > 子"")

$(""前 + 后"")

$(""兄 ~ 弟"")

6、根据元素的属性值获取元素

[attribute]

[attribute = value]

[attribute != value]

[attribute ^= value]

[attribute $= value]

[attribute = value]"

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);

}

语句函数：val()；

假设一个input代码：

JS代码如下：

运行结果：

扩展资料：

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

使用函数设置 Value 属性的值:

$(selector)val(function(index,oldvalue))

规定返回要设置的值的函数：

index - 可选。接受选择器的 index 位置。

oldvalue - 可选。接受选择器的当前 Value 属性。

参考资料：

jquery--val()

以上就是关于Jquery怎么获取select选中项自定义属性的值全部的内容，包括:Jquery怎么获取select选中项自定义属性的值、JQuery中如何获取样式属性的值、jquery取li标签下的class的属性名等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

Jquery怎么获取select选中项自定义属性的值

发表评论

评论列表（0条）

Jquery怎么获取select选中项 自定义属性的值

发表评论

评论列表（0条）

Jquery怎么获取select选中项自定义属性的值