Jquery学习总结（7）——JQuery常用的10个方法总结

一、each()：遍历函数
用法：它是一个通用的迭代函数，可以用来无缝迭代对象和数组。jQuery.each(collection, callback(indexInArray, valueOfElement) )
实例：
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
})；
二、data()：存储数据
用法：存储任意数据到指定的元素并且/或者返回设置的值，jQuery.data( element, key, value )。
属性：element:Element 要关联数据的DOM对象；key: String 存储的数据名；value:Object 新数据值
实例：$.data(document.body, 'foo', 52);console.log($.data( document.body, 'foo'));//52
三、type()：检查类型
用法：type()方法用于检测javascript对象的类型如果对象是undefined或null，则返回相应的“undefined”或“null”
四、append()：插入节点
用法：使用append(content[,content])方法在每个匹配元素里面的末尾处插入参数内容，参数可以是DOM元素，DOM元素数组，HTML字符串，或者jQuery对象
实例：
$('#btn').click(function(){
$('#box').append('<spanid="test">测试内容</span>');
$('.inner').append($('#box'));
})
五、remove()：删除节点
用法：remove()方法会将元素自身移除，同时也移除元素内部的一切，包括绑定事件及与该元素相关的jQuery数据
实例：
$('#btn1').click(function(){
$div = $('.inner').remove();
})
六、replaceWith()：替换节点
用法：replaceWith()方法用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合
实例：
$('#btn').click(function(){
alert($('.inner').replaceWith('<div>div</div>').html())
})
七、attr(attributeName)：增加和获取属性
用法：attr(传入特性名)：获取特性的值，相当于DOM中的getAttribute()，这个方法既可以设置属性也可以取出某个属性。
实例：
取出属性：console.log($('#test').attr('id'));
增加属性：$('#test').attr('title','123');
八、removeAttr(attributeName)：删除属性
用法：removeAttr()方法使用原生的removeAttribute()函数，但是它的优点是可以直接在一个jQuery 对象上调用该方法。
实例：$('#ele1').removeAttr('title data');
九、find()：获取后代元素
用法：find()方法通过一个选择器，jQuery对象，或元素过滤，得到当前匹配的元素集合中每个元素的后代，匹配的元素将构造一个新的jQuery对象
十、Extend()方法
用法：这个方法运用有点难度：jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。
extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：
var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。这样就可以将src1,src2,src3...进行合并，然后将合并结果返回给newSrc了。
实例：
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"}那么合并后的结果result={name:"Jerry",age:21,sex:"Boy"}也就是说后面的参数如果和前面的参数存在相同的名称，那么后面的会覆盖前面的参数值。

Jquery学习总结（7）——JQuery常用的10个方法总结相关推荐

jQuery学习（十一）— 常用的删除方法
jQuery学习(十一)- 常用的删除方法一.empty方法作用:删除jQuery对象所有的子节点格式:jQuery对象.empty() 二.remove方法作用:删除元素格式:元素.rem ...
jQuery学习（九）—常用的包裹方法
jQuery学习(九)-常用的包裹方法一.wrap方法二.wrapAll方法三.wrapInner方法四.unwrap方法
amazeui学习笔记--css（常用组件10）--导航条Topbar
amazeui学习笔记--css(常用组件10)--导航条Topbar 一.总结 1. 导航条:就是页面最顶端的导航条:在容器上添加 .am-topbar class,然后按照示例组织所需内容.< ...
jQuery学习第二天——jQuery的常见效果（上）
主要学习了以下几种: 1.隐藏/显示 2.淡入淡出 3.滑动 4.动画 5.stop() 6.Callback() 7.Chaining() 先学习了前四类,在这里总结一下: 隐藏/显示: 主要用到h ...
jQuery 发起 Ajax 请求最常用的三个方法
浏览器中提供的 XMLHttpRequest 用法比较复杂,所以 jQuery 对 XMLHttpRequest 进行了封装,提供了一系列 Ajax 相关的函数,极大地降低了 Ajax 的使用难度. ...
JQuery（22）_JQuery 常用的遍历节点方法
本系列博客汇总在这里:JQuery 汇总 JQuery 常用的遍历节点方法一.常用的遍历节点方法 1.children() 2.next() 3.prev() 4.siblings() 二.代码演示 ...
JQuery学习使用笔记 -- JQuery插件开发
内容转载自 http://www.css88.com/archives/4821 扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间.这篇文章将概述jQuery插件开发的基本知识,最 ...
jQuery 学习笔记迭代jQuery对象和非jQuery对象
jQuery提供了一个通用对象迭代器$.each()和一个jQuery集合迭代器.each(),它们是不相同的. 事实上,jQuery还提供了一组更有用的$.map() 和 .map()方法 $.ea ...
jquery学习之路jquery之一：jquery选择元素的方法，太神了 2012.8.2
1.css选择器例子: a 匹配所有连接<a>标签 #sss 所有id为sss的元素 a#sss.yangshi 所有id为sss并且有yangshi类的a元素 p a.sss ...

Jquery学习总结（7）——JQuery常用的10个方法总结

Jquery学习总结（7）——JQuery常用的10个方法总结相关推荐

最新文章

热门文章