jQuery

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属性值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值