jquery中的核心函数、jquery对象

jQuery简介

---

jQuery是一个优秀的js函数库

jQuery核心函数

• 就是$或jQuery（是个函数）
• jQuery定义了这个全局的函数供我们使用
• 它既可作为一般函数调用，且传递的参数类型不同/格式不同功能就完全不同（if判断）
• 也可作为对象调用其定义好的方法，此时$就是一个工具对象
• 参数为函数，则约等于页面加载完成函数
• 参数为选择器字符串，通过选择器去匹配的元素，封装成jQuery对象返回
• 参数为DOM对象将当前的DOM对象转换为jQuery对象返回
• 参数为HTML标签字符串，将当前这个标签创建并直接为jQuery对象

遍历数组

$.each(arr,function(index,item){
	console.log(index,item);
})

去掉字符串两边的空格

console.log($.trim(str))

jQuery对象

执行jQuery核心函数返回的对象

jQuery对象内部包含的是DOM元素对象的伪数组

jQuery对象拥有很多有用的属性和方法，让程序元能方柏霓的操作DOM

DOM对象和jQuery对象相互转化

• DOM对象转jQuery对象，$(DOM对象)
• 从jQuery对象伪数组中取出一个就是DOM对象

属性/方法

通常我们通过jQuery获取的元素集合，我们称作jQuery对象，在变量命名的时候，都会在最前面添加一个$

属性：获取对象的长度

• length
• size()

方法：

• 获取文本

  • $($btn[1]).html()
  • $btn.innerHTML

• 输出$btn所有标签的文本

  • $btn.each(function(){

    jQuery对象上的each方法的回调函数中，this直接指向的遍历的目标

    })

• 获取当前元素索引

  • index方法是返回当前元素在统计兄弟元素中的索引.
  • $(’#btn’).index()

• jQuery当中，对于操作元素的方法都内置隐式遍历，都是用来执行统一操作的