`
sjsky
  • 浏览: 918111 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

阅读更多
    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 ...

    jquery template 语法总结

    ### jQuery Template 语法详解 jQuery Template 是一个非常实用的功能,它可以帮助前端开发者更方便地处理动态数据渲染到 HTML 模板中的任务。本文档将基于提供的文件内容进行深入讲解,帮助初学者更好地理解和掌握...

    jQuery基础语法总结

    jQuery基础语法

    jquery语法总结和注意事项

    jquery语法总结和注意事项

    JQuery常用语法

    在本文中,我们将深入探讨JQuery的常用语法,包括选择器、操作DOM元素、处理内容和属性、操纵DOM结构以及核心功能。 1. **选择器**: - `$()` 函数用于选择DOM元素,如 `$("p")` 会选择所有段落元素。 - `:class`...

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    - **简洁性**:jQuery的语法设计易于理解和使用,使得开发者可以快速上手。 - **轻量级**:尽管功能强大,但jQuery的核心库体积小,加载速度快。 - **跨浏览器兼容**:jQuery兼容多种主流浏览器,包括IE 6.0+、...

    jquery常用插件包

    总结,这个“jquery常用插件包”对于前端开发者来说非常有价值,它提供了对话框、菜单和选项卡等常用UI组件的源代码,有助于快速构建具有丰富用户体验的网页应用。同时,对jQuery UI的深入理解和使用,能够提升...

    jQuery的各种实例的编写 教你很快掌握jQuery的语法

    本教程将通过一系列实例,帮助你快速理解并掌握jQuery的语法。 一、选择器(Selectors) jQuery的选择器是其强大的功能之一,它们基于CSS选择器,允许你精准地选取页面中的元素。例如,`$("#id")`用于选取ID为"id...

    jQuery 常用版本大全

    本资源集合了jQuery的常用版本,帮助开发者在不同项目需求中找到合适的版本。 首先,我们要理解jQuery的核心概念。jQuery通过一种简化的语法,使得操作DOM(Document Object Model)变得简单。例如,通过`$()`选择...

    jQueryAPI_CHM(1.3).CHM与语法总结

     通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换  只有...

    jquery语法高亮插件

    **jQuery语法高亮插件详解** 在Web开发中,为了让代码更具可读性和美观性,开发者通常会使用语法高亮工具。"jQuery语法高亮插件"是一个专门为jQuery代码提供色彩鲜明、易于阅读的显示效果的插件。该插件能够帮助...

    JQuery基本语法

    JQuery基本语法,祝大家共同学习,共同进步,成为新一代的高大上的程序员

    jQuery常用插件介绍/收集

    **jQuery常用插件介绍/收集** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作等任务。本文将详细介绍一些常用的jQuery插件,并探讨它们在实际项目中的应用...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    jQuery核心语法

    ### jQuery核心语法详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`函数来完成。`$()`函数可以根据不同的选择器(如ID、类名、元素名称、层级关系等)来...

    Dreamweaver CS5安装jQuery语法提示插件

    reamweaver CS5安装jQuery语法提示插件 最近在做项目时经常会用到jQuery,无意中获得了Dreamweaver的jQuery语法提示插件,在项目开发时带来了很多方便。下面来介绍一下。 其实该Dreamweaver CS5绿色版的jquery代码...

    jQuery常用功能大全

    jQuery的强大之处在于它支持多种选择器语法,比如: - **ID选择器**:通过`$("#elementId")`来选择具有特定ID的元素。 - **类选择器**:使用`$(".className")`来选择具有特定类的所有元素。 - **元素名选择器**:`$...

    JQuery常用组件

    jQuery 常用组件打包下载! 内含有: jquery.1.1.4.core.zip --jQuery最新核心代码 jquery.calendar.zip --日历组件 jquery.menu.zip --菜单组件 jquery.tablesorter.zip --表格排序组件 jquery....

    jquery基本语法ppt

    **jQuery基本语法详解** jQuery是一个高效、简洁的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计和Ajax交互。本篇将详细介绍jQuery的核心API和基本语法。 ### jQuery核心函数 1. **jQuery(expression...

Global site tag (gtag.js) - Google Analytics