大一/web/jQuery

Posted on

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);
});