blog迁移至:
http://www.micmiu.com
$() jQuery对象本身是一个集合。
说明:
- 注意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定义的方法了。
1.文本框,文本区域::
//清空内容
$("#txt").attr("value",'');
//填充内容
$("#txt").attr("value",'11');
2.对下拉框<select>的操作:
//获取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');
3.复选框 checkbox的操作
得到所有选中的:注意浏览器的兼容性
$("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");
4.对下拉框 radio 的操作:
//获取值
$('input[@name=items][@checked]').val();
//获取值
$("input[@type=radio][@checked]").val();
分享到:
相关推荐
jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...
### jQuery Template 语法详解 jQuery Template 是一个非常实用的功能,它可以帮助前端开发者更方便地处理动态数据渲染到 HTML 模板中的任务。本文档将基于提供的文件内容进行深入讲解,帮助初学者更好地理解和掌握...
jQuery基础语法
jquery语法总结和注意事项
在本文中,我们将深入探讨JQuery的常用语法,包括选择器、操作DOM元素、处理内容和属性、操纵DOM结构以及核心功能。 1. **选择器**: - `$()` 函数用于选择DOM元素,如 `$("p")` 会选择所有段落元素。 - `:class`...
- **简洁性**:jQuery的语法设计易于理解和使用,使得开发者可以快速上手。 - **轻量级**:尽管功能强大,但jQuery的核心库体积小,加载速度快。 - **跨浏览器兼容**:jQuery兼容多种主流浏览器,包括IE 6.0+、...
总结,这个“jquery常用插件包”对于前端开发者来说非常有价值,它提供了对话框、菜单和选项卡等常用UI组件的源代码,有助于快速构建具有丰富用户体验的网页应用。同时,对jQuery UI的深入理解和使用,能够提升...
本教程将通过一系列实例,帮助你快速理解并掌握jQuery的语法。 一、选择器(Selectors) jQuery的选择器是其强大的功能之一,它们基于CSS选择器,允许你精准地选取页面中的元素。例如,`$("#id")`用于选取ID为"id...
本资源集合了jQuery的常用版本,帮助开发者在不同项目需求中找到合适的版本。 首先,我们要理解jQuery的核心概念。jQuery通过一种简化的语法,使得操作DOM(Document Object Model)变得简单。例如,通过`$()`选择...
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有...
**jQuery语法高亮插件详解** 在Web开发中,为了让代码更具可读性和美观性,开发者通常会使用语法高亮工具。"jQuery语法高亮插件"是一个专门为jQuery代码提供色彩鲜明、易于阅读的显示效果的插件。该插件能够帮助...
JQuery基本语法,祝大家共同学习,共同进步,成为新一代的高大上的程序员
**jQuery常用插件介绍/收集** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作等任务。本文将详细介绍一些常用的jQuery插件,并探讨它们在实际项目中的应用...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...
### jQuery核心语法详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`函数来完成。`$()`函数可以根据不同的选择器(如ID、类名、元素名称、层级关系等)来...
reamweaver CS5安装jQuery语法提示插件 最近在做项目时经常会用到jQuery,无意中获得了Dreamweaver的jQuery语法提示插件,在项目开发时带来了很多方便。下面来介绍一下。 其实该Dreamweaver CS5绿色版的jquery代码...
jQuery的强大之处在于它支持多种选择器语法,比如: - **ID选择器**:通过`$("#elementId")`来选择具有特定ID的元素。 - **类选择器**:使用`$(".className")`来选择具有特定类的所有元素。 - **元素名选择器**:`$...
jQuery 常用组件打包下载! 内含有: jquery.1.1.4.core.zip --jQuery最新核心代码 jquery.calendar.zip --日历组件 jquery.menu.zip --菜单组件 jquery.tablesorter.zip --表格排序组件 jquery....
**jQuery基本语法详解** jQuery是一个高效、简洁的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计和Ajax交互。本篇将详细介绍jQuery的核心API和基本语法。 ### jQuery核心函数 1. **jQuery(expression...