大一/web/jQuery

JQuery

$\rm jQuery $是一个$\rm JavaScript $库。

导入

所有 jQuery 函数位于一个 document.ready 函数中,防止未加载完全就运行

1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){

// 开始写 jQuery 代码...

});

//简洁写法
$(function(){

// 开始写 jQuery 代码...

});

选择器

三种类型

1
2
3
4
5
$("button").click(function(){
$("p").hide();//据html元素类型
$("#test").hide();//据id
$(".test").hide();//据class
});

事件

hover

1
2
3
4
5
6
7
$("p").hover(function(){
$("p").css("background-color","yellow");//移动在上面
},// mouseenter
function(){
$("p").css("background-color","pink");//移开
// mouseleave
});

which

1
2
3
4
5
6
7
//keydown - 键按下的过程
//keypress - 键被按下
//keyup - 键被松开

$("input").keydown(function(event){
console.log(event.which);
});
Shiwei Pan wechat