[JavaScript知识库]jQuery的基本使用

jQuery的顶级对象$

1.$是jQuery的别称，在代码中用jQuery代替$，但一般为了方便，通常直接使用$。

以下示例两段代码运行效果相同：

$(function(){
   alert('jQuery')
});


jQuery(function(){
   alert('jQuery')
});

2.$是jQuery的顶级对象，可以理解成原生JavaScript中的window，利用$将元素包装成jQuery对象，就可以使用jQuery的方法。

DOM对象转换为jQuery对象： $(DOM对象)

jQuery对象转换DOM为对象：

• ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?$('div')[index]? ?index是索引号
• ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?$('div').get(index)? index是索引号

jQuery常用api导图

• jQuery选择器
• jQuery样式操作
• jQuery效果
• jQuery属性操作
• jQuery文本属性值
• jQuery元素操作
• jQuery尺寸、位置操作