[jQuery] Dom元素操作和事件获取
2016-10-28 10:23
716 查看
input获取check事件
子父节点操作:
表单元素选择器
input 类型选择器
节点遍历
/*方法一*/ if ($("#inputDomId").checked) { // do sth } /*方法2*/ if($("#inputDomId").is(":checked")) { // do sth } /*方法三*/ if ($("#inputDomId").attr("checked")) { // do sth } /*设置不选中*/ <input type='checkbox'/> /*设置选中: checked 属性只要存在就是选中,和后面的值并无多大关系*/ <input type="checkbox" checked="checked">
子父节点操作:
/*获取节点的属性信息*/ $("#domId").attr("attrName"); /*获取所有子节点*/ $("#parentDom").children(); /*获取父节点*/ $("#childDom").parent();
表单元素选择器
/*选择所有的表单输入元素,包括input, textarea, select 和 button */ $(":input") /*选择所有的text input元素*/ $(":text") /*选择所有的password input元素*/ $(":password") /*选择所有的radio input元素 */ $(":radio") /*选择所有的checkbox input元素*/ $(":checkbox") /*选择所有的submit input元素*/ $(":submit") /*选择所有的image input元素 */ $(":image") /*选择所有的reset input元素*/ $(":reset") /*选择所有的button input元素*/ $(":button") /*选择所有的file input元素*/ $(":file") /*选择所有类型为hidden的input元素或表单的隐藏域*/ $(":hidden")
input 类型选择器
/*获取目标节点下所有的type为text的input节点*/ $("#targetDom :input[type=text]")
节点遍历
/*多节点遍历*/ $(".multipleDom").each(function(i,obj){ var getId = obj.attr("id"); )); /*或*/ $(".multipleDom").each(function(){ var getId = $(this),attr("id"); ));
相关文章推荐
- jquery通过操作dom来获取第一个子元素
- jquery操作dom来获取第一个子元素
- jquery查找元素,绑定事件,DOM操作
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性11
- jquery常用的选择器、事件器、dom操作及执行事件
- 超简洁的jquery操作页面中iframe内的dom元素
- [导入]JavaScript DOM笔记:获取及操作元素
- jquery随记(DOM操作)----插入元素
- c# WebBrowser网页操作-元素获取_事件操作
- 超简洁的jquery操作页面中iframe内的dom元素
- JavaScript DOM笔记:获取及操作元素
- jQuery 选择器、DOM操作、事件、动画
- jquery对DOM元素操作
- JavaScript DOM笔记:获取及操作元素
- JavaScript DOM笔记:获取及操作元素
- jquery中dom操作和事件的实例学习-表单验证
- 总结的一些jquery获取更改dom元素常用方法
- 总结的一些jquery获取更改dom元素常用方法
- learning jQuery 学习笔记十一(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----移动元素
- learning jQuery 学习笔记十二(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----包装元素