0%

jQuery基础

概念:

jQuery是一个js框架,封装了大量的常用方法。

使用步骤:

  1. 下载jQuery文件
  2. 导入文件(相对路径/绝对路径)
  3. 写jQuery语法

JQ选择器:

1
$("#id")
1
$(".class")
1
$("p")

其他更多的选择器请参考在线文档或者帮助手册API。

对象转换:

JQ对象——->JS对象

1
$(选择器)[下标]
1
$(选择器).get(下标)

JS对象——->JQ对象

1
$(JS对象)

JQ方法:

1
2
$(选择器).事件(方法);//设置监听器事件
$(选择器).事件();//调用方法
1
2
$().prop("属性");//获取属性值
$().prop("属性",值);//设置属性值
1
2
3
$().each(function(index,dom){
$(dom);//dom是JS对象,需要转换为JQ对象
});