码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-03-15 13:23:41      阅读:442      评论:0      收藏:0      [点我收藏+]

标签:htm   方法   number   lin   class   nextall   hellip   inpu   xxx   

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取值/赋值常见方法收集

标签:htm   方法   number   lin   class   nextall   hellip   inpu   xxx   

原文地址:https://www.cnblogs.com/codechange/p/8572694.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!