jQuery学习(基础掌握)

1、加载页面

​​$(document).ready(function(){
   //添加click事件
    $("#a").on('click',function(){
 
    });
});
window.onload = function(){ 
  $("#a").on('click',function(){
 
    }); 
}
$(function(){ 
  $("#a").on('click',function(){
 
    });
});

2、=== 和==的区别

(1)==   用于比较、判断两者相等,比较时可自动换数据类型。只要求值相等。
 
(2)===  用于(严格)比较、判断两者(严格)相等,不会进行自动转换,要求进行比较的操作数必须类型一致,不一致时返回flase。要求值和类型都相等。

3、instanceof运算符

(1)定义:判断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例;返回boolean类型。

(2)语法:o instanceof A。

4、JS中的单引号和双引号

JS里面的单引号和双引号可以同时使用,但是要遵循一定的准则。

不管是单引号还是双引号,里面都可以套相反的引号。但是不可以双引号里面套单引号,这个单引号再套双引号,这是不行的。

如果在引号里面使用相同的引号,需要用 \ 转义:比如拼接HTML

(1)单引号转义为 \'

(2)单引号转义为 \"

从代码编译的角度说的话,单引号在JS中被浏览器(IE,Chrome,Safari)编译的速度更快(在FireFox中双引号更快)。

5、遍历数据

(1)遍历数组

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});

(2)遍历Dom元素

​$("选择器").each(function(i,item){

});

6、页面跳转

window.location.href="www.baidu.com";

7、筛选选择器

(1)选择第二个 <p> 元素:

$("p:eq(1)")

猜你喜欢

转载自blog.csdn.net/wang_snake/article/details/81478211