取值与赋值操作

$("#ID").val(); //取value值

$("#ID").val("xxx"); //赋值

$("#ID").text(); //相当于取innerText

$("#ID").text(""); //相当于赋值给innerText

$("#ID").html(); //相当于取innerHTML

$("#ID").html(""); //相当于赋值给innerHTML

属性设置

$("#ID").attr(key,value);//取得或设置匹配元素的属性值

显示和隐藏

$("#ID").hide(); //隐藏
$("#ID").show(); //显示

事件处理

$(document).ready(fn);
$("#ID").bind(type,[data],fn); //绑定事件处理器函数
$("#ID").toggle(fn,fn);//注册每次点击时切换要调用的函数

外观效果

$("#ID").addClass(class);//添加样式

$("#ID").removeClass(class);//移除样式

$("#ID").css(name,value);//设置一个样式属性的值

查找和遍历筛选

$("#ID").map(callback);//将一组元素转换成其他数组

$("#ID").find(expr);//搜索所有与指定表达式匹配的元素

$("#ID").children();//获得匹配元素集合中每个元素的所有子元素

$("#ID").parent();//获得当前匹配元素集合中每个元素的祖先元素

$("#ID").parents();//获得当前匹配元素集合中每个元素的父元素

$("#ID").filter();//将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素

$("#ID").not();//从匹配元素集合中删除元素

$("#ID").add();//将元素添加到匹配元素的集合中

$("#ID").slice();//将匹配元素集合缩减为指定范围的子集

$("#ID").siblings(); //获得匹配元素集合中所有元素的同辈元素

$("#ID").prev() & prevAll();//获得匹配元素集合中每个元素紧邻的前一个/所有同辈元素

$("#ID").next() & nextAll();//获得匹配元素集合中每个元素紧邻的一个/所有同辈元素

元素节点操作

$("#ID").wrap(html);//把所有匹配的元素用其他元素的结构化标记包裹起来

$("#ID").empty();//删除匹配的元素集合中所有的子节点

Ajax操作

$("#ID").load(url,[data],[callback]);//载入远程 HTML 文件代码并插入至 DOM 中

//url (String) : 待装入 HTML 网页网址。

//data (Map) : (可选) 发送至服务器的 key/value 数据。

//callback (Callback) : (可选) 载入成功时回调函数。

jQuery.ajax();//返回其创建的XMLHttpRequest对象。只有一个参数,参数是key/value 对象,包含各配置及回调函数信息。

序列化

 $("form").serialize();//序列化表格内容为字符串

工具方法(jQuery可以使用$代替)

jQuery.each(obj,callback);//遍历对象和数组
jQuery.map();//修改数据
jQuery.grep();//数据筛选,返回一个经过筛选后的数组

jQuery.inArray(value,array);//查找元素的下标

jQuery.merge(array1,array2);//合并两个数组

jQuery.unique(dom);//去除重复DOM元素

jQuery.makeArray(obj);//将类数组对象转换为数组对象

jQuery.trim(str);//去掉字符串起始和结尾的空格

jQuery.contains(dom1,dom2);//dom1节点是否包含dom2节点

jQuery.type();//返回对象的数据类型

jQuery.isArray();//是否为数组。

jQuery.isEmptyObject();//是否为空对象(不含可枚举的属性)。

jQuery.isFunction();//否为函数。

jQuery.isNumeric();//是否为数组。

jQuery.isPlainObject();//是否为使用“{}”或“new Object”生成的对象,而不是浏览器原生提供的对象。

jQuery.isWindow();//是否为window对象。

jQuery.isXMLDoc();//判断一个DOM节点是否处于XML文档之中。

jQuery.param(object);//将对象的键值对转化为URL键值对字符串形式

jQuery.proxy();//调整this的指向
                                <link rel="stylesheet" href="http://csdnimg.cn/release/phoenix/production/markdown_views-0dc44d5592.css">
</div>

jquery常用方法总结(转)的更多相关文章

  1. ThinkPHP第二十四天(JQuery常用方法、TP自动验证)

    ---恢复内容开始--- 1.JQuery常用方法 A:JS中可以用json格式数据当做数组使用,如var validate={username:false,pwd:false,pwded:false ...

  2. JQuery基本知识汇总;JQuery常用方法;浅入了解JQuery

    一.jQuery对象与JavaScript对象 ①JavaScript入口函数比jQuery入口函数执行的晚一些: JQuery的入口函数会等页面加载完成才执行,但是不会等待图片的加载: JavaSc ...

  3. Jquery 常用方法 及属性

    Jquery   常用方法 及属性 jQuery 事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown chang ...

  4. jQuery常用方法(持续更新) jQuery(转)

    0.常用代码: 请容许我在1之前插入一个0,我觉得我有必要把最常用的代码放在第一位,毕竟大部分时间大家都是找代码的. (1)AJAX请求 $(function() { $('#send').click ...

  5. jQuery常用方法(五)

    一.jQuery中常用方法相关方法参数说明:a.无参,获取值b.参数param,设置值c.参数function(index,oldVal){}回调函数[返回我们所要使用的新值]    回调函数的两个参 ...

  6. jQuery常用方法和函数

    jQuery 事件 bind() 方法:被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数 $(selector).bind({event:function, event:function ...

  7. JQuery常用方法一览

    $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/ ...

  8. jQuery 常用方法经典总结

    1.关于页面元素的引用通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom ...

  9. jquery常用方法

    一.多个按钮绑定同一事件 $("#index_svip,#index_svip_renew").click(function() { seajs.use(['svipLayer'] ...

  10. JQuery常用方法(均实践过)

    1,使用jquery修改html元素的值 a,修改form的action的值(即修改html的属性值) 这个可以扩展为修改html元素的属性值的方法,使用的$("#id").att ...

随机推荐

  1. TOJ 2233 WTommy's Trouble

    2233.   WTommy's Trouble Time Limit: 2.0 Seconds   Memory Limit: 65536KTotal Runs: 1499   Accepted R ...

  2. web前端响应式布局,自适应全部分辨率

    写phpd的我. 近期公司要弄个app关键是没有web开发,而我有比較闲,那就扛枪上阵吧. 响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架.仅仅是简单 ...

  3. 计蒜客 429(腾讯手机地图-pi的精确值)

    腾讯手机地图的定位功能用到了用户手机的多种信号.这当中有的信号的作用范围近.有的信号作用的范围则远一些.有的信号相对于用户在不同的方位强度是不同的.有的则是在不论什么一个方向上信号强度都一致的. 已知 ...

  4. ftp实现图片上传,文件也类似

    本来用得是easyui得控件 点击按钮实现选择图片得 ,但是老板非得要双击图片框实现上传代码....做个简单得记录 前端代码: 首先,<form>表单要加上 enctype="m ...

  5. Java Web学习总结(2)——Servlet入门

    一.Servlet简介 Servlet是sun公司提供的一门用于开发动态web资源的技术. Sun公司在其API中提供了一个servlet接口,用户若想用发一个动态web资源(即开发一个Java程序向 ...

  6. 三菱FX系列PLC学习

    1.PLC工作原理 PLC将程序存储在用户存储器当中, 驱动其运行, 相对比微型计算机软件, PLC程序则不同的是, 微型计算机整个流程则是从规定的开始 至结束完整工作流程.相对与PLC运行,则是从位 ...

  7. geotools修改shapefile 属性名乱码问题

    在GeoServer中文社区的讨论地址为:http://opengeo.cn/bbs/read.php?tid=1701&page=e&#a 使用geotools修改shapefile ...

  8. uva 1456(dp)

    题意:有n个数字u1,u2,u3-un,每一个数字出现的概率pi = ui/(u1 + u2 + - + un),分成w组.计算期望值. 第一组例子的五个数字例如以下 30 5 10 30 25 分成 ...

  9. perl模块 Compress::Raw::Lzma 的安装

    perl模块 Compress::Raw::Lzma 的安装 用 cpan 安装任意perl模块总是提示 Couldn't untar Compress-Raw-Lzma-2.070.tar: 'Ca ...

  10. python2与python3的不同

    1.源码: python2的源码混乱.冗余.重复,非常不规范 python3的源码经过整合,优美.清晰.简单 2.编码: python2的默认编码是ASCII码,不能识别中文,需要在行首添加# -*- ...