取值与赋值操作

$("#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. DG的数据保护模式

    DG的数据保护模式 数据保护膜有三种: – Maximum protection – Maximum availability – Maximum performance Maximum protec ...

  2. NOI2017整数

    NOI2017 整数 题意: ​ 让你实现两个操作: 1 \(a\) \(b\):将\(x\)加上整数\(a \cdot 2 ^ b\),其中 \(a\)为一个整数,\(b\)为一个非负整数 2 \( ...

  3. groupmod---更改群组识别码或名称

    groupmod命令用于更改群组识别码或名称. 需要更改群组的识别码或名称时,可用groupmod指令来完成这项工作. 语法 groupmod [-g <群组识别码> <-o> ...

  4. PatentTips - Control register access virtualization performance improvement

    BACKGROUND OF THE INVENTION A conventional virtual-machine monitor (VMM) typically runs on a compute ...

  5. Red Hat Enterprise Linux Server 5.5新增功能简介

    一.概况 昨日对刚发布的redhat新产品RHEL5.5进行了小范围的测试,红帽企业版 Linux 5.5 发行本中的亮点包括针对 Intel Boxboro-EX 平台.AMD Magny-Cour ...

  6. the way to go

    推荐两本书 关于go语言的 The way to go Go语言编程高清完整版电子书.pdf

  7. js-轮播图的总结

    /*两种播放行为:(一种自动播放,一种控制播放),一个定时器控制. *一个定时器控制两种播放状态. * 布局说明:装图片的盒子足够宽,让图片左浮,排成一排,最后一张重新放置第一张. * 定时器里执行自 ...

  8. CSS笔记 - SVG Polyline 图片绘制动画边框

    <style> div{ width: 420px; height: 200px; background: url('./img/timg.jpg') no-repeat; } polyl ...

  9. MFC ClistCtr锁定隐藏某一列

    通过设置列的宽度为0, 可以隐藏列表框的某一列,但是用户通过拖动列表框的大小,隐藏的列,可能又被显示出来了. 我们可以自己写一个CListEx继承CListCtr,然后捕获拖动的消息,对该消息进行特殊 ...

  10. phoenixframe自己主动化平台在Linux环境下运行用例的说明

    phoenixframe自己主动化平台支持在Linux环境下使用phantomjs,Firefox.chrome运行測试用例.但有下面几个问题须要注意: 1.若无法启动phantomjs,Firefo ...