为什么jQuery在前端中很经典?时代之光

凡是接触过前端的小伙伴一定或多或少听过或使用过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') -读取第一个div的title属性值、
$('div').attr('name','abc') -给所有的div设置name属性(value为abc)