jQuery 常用语法总结(持续更新ing)

最新推荐文章于 2024-04-25 19:03:14 发布

sjsky_007

最新推荐文章于 2024-04-25 19:03:14 发布

阅读量115

点赞数

分类专栏： JavaScript 文章标签： jQuery IE 浏览器 ViewUI

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用jQuery高效地操作DOM元素，包括文本框、下拉框、复选框及单选按钮等常见表单元素的处理方法。通过具体实例展示了如何选取、添加、删除及更新这些元素的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=red]blog迁移至[/color]:[url=http://www.micmiu.com]http://www.micmiu.com[/url]

[color=blue][size=large]$() jQuery对象本身是一个集合。[/size][/color]
[color=red][size=medium]说明：[/size][/color][list]
[*]注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象，dom对象只能用dom的方法，只有jQuery对象才能使用jQuery定义的方法
[*]如果我们要把jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出，比如：$("#role")[0]，$("#role")get(0)，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法。
[*]　普通的dom对象一般可以通过$()转换成jquery对象，比如 $(document.getElementById("userId"))，这样就可以用jQuery定义的方法了。
[/list]

[color=blue]1.文本框，文本区域：:[/color]


//清空内容
$("#txt").attr("value",'');
//填充内容
$("#txt").attr("value",'11');

[color=blue]2.对下拉框<select>的操作:[/color]


//获取select对象：
$("#city")[0];或$("#city").get(0);
//获取options的个数：
$("#city")[0].length;
//获取选中的索引：
$("#city")[0].selectedIndex;
//添加option：
$("#city")[0].options.add(new Option(text,value,false,false)) //IE、FF
$("#city")[0].options.add(new Option(text,value)) //IE
//清空select：
$("#city")[0].length=0; 或$("#city").empty();
//当前选中的值：
$("#city")[0].val();
//获取select被选中项的文本
$("select[@name=items] option[@selected]").text();
//设置value=michael的项目为当前选中项
$("#sel").attr("value",'-michael');

[color=blue]3.复选框 checkbox的操作[/color]
得到所有选中的：注意浏览器的兼容性


$("input[name='role'][checked]"); //IE 
$("input[name='role'][checked=checked]");// IE 

$("input[name='role'][checked=true]");// FF

//IE 和 FF 
$("input[name='role']").each( 
	function(){
		if(this.checked){...}
	} 
); 

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

[color=blue]4.对下拉框 radio 的操作:[/color]


//获取值
$('input[@name=items][@checked]').val();
//获取值
$("input[@type=radio][@checked]").val();