脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JQuery方法总结，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
1.使用访问HTML元素的属性和内容
1.1使用jQuery获取HTML元素对应的jquery对象
VAR DOM对象 = document.getElementById（对象id）//对象id直接写‘id’，不是选择器
var jquery对象 = jQuery选择器.get（索引）// $('a').get(0) 获取第一个a标签
也可以使用each（）方法遍历jQuery选择器所有匹配的元素，并对每个元素执行指定的回调函数。
each（回调函数）
1.2
使用jQuery获取和设置HTML元素的内容
可以调用html（）方法、text（）方法和val（）方法获取和设置HTML元素的内容
...
var value = jQuery对象.val();//获取
jQuery对象.val(value);//设置
val（）方法还可以指定一个函数用于设置HTML元素的内容语法如下：
$(selector).var(function(index,oldvalue))
参数说明如下：
$(selector)：选择器。
index:可选参数。接收选择器的index位置（当选择多个元素是有效）。
oldvalue：可选参数。接收选择器的当前Value属性。
例： $('input').var(function(index,oldvalue){
return oldvalue.toUpPErCase();
});
1.3 使用jQuery获取和设置HTML元素的属性
var a=jQuery对象.attr('属性名');//获取属性
jQuery对象。attr（'属性名','属性值'）;//设置属性
可以以键/值对的形式设置匹配元素的一组属性
例： $('img').attr({
src:'....',
alt:'.....'
});
1.4 使用jQuery获取和设置HTML元素的属性
jQuery对象.removeAtrr('属性名');
1.5 使用jQuery在网页中添加内容
1. 调用append（）方法可以向HTML元素内追加内容：
jQuery对象.append('追加内容')；//可以是标签，向元素内部添加；
2. 在HTML元素的前面插入内容
jQuery对象.before('追加内容')
3. 在HTML元素的后面插入内容
jQuery对象.after('追加内容')
2.使用jQuery管理HTML元素
2.1 使用jQuery遍历HTML元素
使用jQuery选择器可以很方便的匹配满足一定条件的HTML元素，并对其进行操作。但有时候需要根据HTML元素的具体情况对其进行个性化的处理，此时可以使用find（）方法遍历满足条件的HTML元素。
结果集 = find（selector）
然后，就可以使用for语句遍历结果集中的对象；
2.2 使用jQuery检查某个元素是否包含指定元素
jQuery对象.has(子元素名) //可以使用$('li').has('ul')选择所有包含ul元素的li元素
2.3 使用JQuery删除HTML元素
1.使用empty（）方法删除HTML元素的内容和所有子元素
jQuery对象.empty（）
2.使用remove（）方法删除HTML元素
jQuery对象.remove([选择器])
选择器是可选参数，指定删除匹配的HTML元素。如果不指定参数，则会删除jQuery对象对应的所有的HTML元素。
2.4 使用jQuery插入HTML元素
1.after()/insertafter() 在被选元素之后插入指定内容
2.5 使用jQuery复制HTML元素
调用Clone（）方法可以复制HTML元素
clone([wIThDataAndEvents])
参数 withDataAndEvents 指定是否HTML元素的数据和处理函数也被复制，默认为false。
2.6 使用jQuery替换HTML元素
1. replaceWith()方法
jQuery对象.replaceWith(替换的内容)；
jQuery对象通常使用选择器。replaceWith（）方法将jQuery对象对应的HTML元素替换为参数中的内容
2. repaceAll（）
jQuery对象.replaceAll(target)
jQuery对象通常代表替换的内容。target可以是jQuery对象、选择器后DOM对象。用于指定要替换的HTML元素。
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-JQuery方法总结全部内容，希望文章能够帮你解决javascript代码实例教程-JQuery方法总结所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。