jQuery的概念:
jquery-一个JavaScript函数库就是1框架,用来简化JS的开发,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互 JavaScript框架:本质就是一些js文件,封装了js的原生代码
jQuery的分类:
兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用。 不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。 目前该版本是官方主要更新维护的版本。
jQuery对象和JS对象区别与转换
jQuery对象在操作时,更加方便,jQuery中选择器获取的是存储了HTML元素对象的数组,两者相互转换: jq – > js
: jq对象[索引] 或者 jq对象.get(索引) ; js – > jq : $(js对象)(JQuery对象和js对象方法是不通用的)
jQuery入口函数:
$(document).ready(function(){
//执行代码
});
或者简写为:
$(function(){
//执行代码
})
Js入口函数:window.onload = function(){…}
jQuery的入口函数是在html所有标签DOM都加载之后,几会去执行,可定义多次,JavaScript的window.onload事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行,且只能定义一次,多次定义后边将前边覆盖。
jQuery操作DOM中的属性操作和内容操作
属性操作
1.使用() 获取: 对象.attr(“属性名”) //返回当前属性值,底层使用的是getAttribute 注意:此种方式不能获取value属性的实时数据,使用对象名.val()进行获取 修改:对象.attr(“属性名”,“属性值”); 删除:removeAttr(“属性名”) :删除该属性的值
2.使用prop() 使用方法同attr()一致,底层是property 3.attr和prop区别 如果操作的是元素的固有属性,则建议使用prop,某些特定属性attr获取不到 如果操作的是元素自定义的属性,则建议使用attr
内容操作
获取:1.html():获取元素内的标签体内容,底层调用的innerHTME 2.text():获取元素的标签体纯文本内容,底层调用的innerText
3.val():获取元素的value属性值
修改:html(“内容”): 新的内容会将原有内容覆盖,HTML标签会被解析执行 text(“内容”): 新的内容会将原有内容覆盖,HTML标签不会被解析执行
val(“内容”): 设置元素的value属性值