jQuery取值/赋值常见方法收集

Posted kankankankankan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery取值/赋值常见方法收集相关的知识,希望对你有一定的参考价值。

1、文本取值、赋值

$("#id").attr("value"); 

$("#id").val(); 

$("#id).attr("value", "new-value");

2、radio

$("input[name=‘xxx‘]:checked").val(); 

$("input[@name=‘xxx‘][checked]");

$("input[name=‘xxx‘]").filter(":checked");

$("input[@type=radio]").attr("checked","2"); //设置值为2为当前选中项

3、获取复选框值

$("#id").attr("value");

$("#id).attr("checked") == true //是否已选中

4、下拉列表

$("#id").val();

$("#id").attr("value","xxx"); 设置值为xxx为当前选中项

$("<option value=‘x‘>x</option>").appendTo("#select_id"); 为select_id添加下拉框option

$("#select_id").empty(); 清空下拉框

5、表单

$("form_id).reset(); 重置表单

$("form_id).submit(); 提交表单

6、img元素

$("img"); 选择所有imgyuans

7、div

$("div.class-name") 选择带有class="class-name"的div元素

$("div[attr-name]"); 选择带有attr-name属性的元素

$("div[attr-name=‘attr-val‘); 选择带有attr-name属性,并且属性值为attr-val的元素

$("div[attr-name !=‘attr-val‘); 不等于attr-val的属性值

$("div[attr-name ^=‘attr-val‘); 以attr-val 开头的元素

$("div[attr-name $=‘attr-val‘); 以attr-val结尾的元素

$("div[attr-name *=‘xxx‘); 属性包含xxx这三个字符  

$("#id").html()  得到一个元素的innerhtml

$("#id).text() 得到一个元素的innertext

$("#id").attr("attr_name", "attr_val"); 为attr_name设置attr_val值

$("#id").removeAttr("xxx"); 删除元素id的属性xxx

$("#id").addClass/removeClass("xxx");  添加/删除样式xxx

$("#id").css("xxx", "zzz")  为元素id添加值为zzz的xxx样式(一个样式)

$("#myid").css({height:"20px", width:"100px"}); 添加一组样式 

$("#id").next(); 查找id同级的下一个元素

$("#id").nextAll();  查找id同级所有后面的元素

$("#id").prev(); 查找id同级的上一个元素

$("#id").prevAll(); 查找id同级的上面所有元素

$(”#myid”).children()  找自己的第一代子元素
$(”#myid”).parent()  找自己的第一个父元素
$(”#myid”).parents()  找自己的所有父元素

$("body").append("<input type=‘text‘ value=‘xxx‘ />")   该语句会把这段html插入到body结束标签之前, 结果是<input type=‘text‘ value=‘asd‘ /></body> 

$("body").append("<input type=‘text‘ value=‘xxx‘ />") 该语句会把这段html插入到body开始标签之后, 结果是<body><input type=‘text‘ value=‘asd‘ />

$.get("url", "p=p-val", function(data, status){alert(data)}) data是返回的数据, status是本次请求的状态 

$.post(……..) 参数同get方法

8、a标签
$(‘#id‘).attr(‘href‘,‘xxx‘); 修改a标签的href链接:

$("#id").text(‘xxx‘);  修改文字

 

以上是关于jQuery取值/赋值常见方法收集的主要内容,如果未能解决你的问题,请参考以下文章

如何使用JQuery给自定义属性赋值取值

jQuery 取值赋值的基本方法整理

jQuery常用的取值或赋值的方法

jquery操作select下拉框的多种方法(选中,取值,赋值等)

JQuery里input属性赋值,取值prop()和attr()方法?

jquery操作select取值赋值与设置选中