凡是接触过前端的小伙伴一定或多或少听过或使用过jQuery。
那么为什么它会受到很多程序员的青睐呢?
就让我们来一步步的探索jQuery的过人之处吧。
目录
1.快速获取文档元素
例子:
为了获取一个p标签,然后做一些操作:
1.在js语句中我们的代码先定义一个变量来接受获取到的p标签,接着对变量进行函数操作
var p = document.getElementbyTagName('p')
2.而调用了jQuery以后,代码很明显变得更为简洁,无论是获取标签还是id属性亦或是class属性类,一个美元符号通通搞定
var p = $('p')
为什么呢?
$(selector)作用:
根据选择器规则在整个文档中查找所有匹配的标签并封装成jQuery对象返回
而且我们不用担心不同浏览器的语法规则不一样,jQery已经在自己的库里处理好了。
2.不仅提供原生js的各种方法,甚至还有扩展
例:如果我们要判断一个数据类型是不是数组
1.在原生JS中的代码
a instanceof Array
2.在jQuery中的代码,直接整合成了随时能调用的方法
$.isArr(a)
以下是几个实用的方法:
$.each(obj,function(key,value))
:遍历数组或对象中的数据
$.type(obj)
:得到数据的类型
$.isArr(obj)
:判断是否是数组
$.isFunction(obj)
判断是否为函数
改变文本值的三个方法
$(selector).text('文本')
- 设置或返回所选元素的文本内容
$(selector).html('<p>文本</p>')
- 设置或返回所选元素的内容(包括 HTML 标记)
$(selector).val('文本')
- 设置或返回表单字段的值
$('div:first').attr('title')