欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery学习(基础掌握)

程序员文章站 2022-04-29 14:17:29
...

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);
   alert(i);     
});

其中 item为对象,i为索引值。

(2)遍历Dom元素

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

});

6、页面跳转

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

7、JS数据类型

(1)数值类型,var x2=34;

(2)字符串类型,var x3="56";

(3)布尔类型,var x=true;

(4)数组类型,var people=new Array("name","sex","old");

(5)对象类型,var person={name:"小明", sex:"男", old:20};

注意事项:NULL与Undefined的区别?

&& null 表示"没有对象",即该处不应该有值。

&& undefined 表示"缺少值",就是此处应该有一个值,但是还没有定义。