jQuery-helloWorld

Posted 2020-09-10 逢甘霖成大事

1.基本知识

　　$(function() {})                         相当于window.onload = function () {}

　　$("#btn1").click(function(){})      相当于document.getElementById("btn1").onclick = function () {}

　　

　　jQuery对象和DOM对象

　　　　通过jsDOM的api获得的对象为DOM对象，一般声明为var xxx；通过jQuery的方式获得的对象为jQuery对象，一般声明为var $xxx

　　　　jQuery对象转为DOM对象：1)var xxx = $xxx[index] ; 2)var xxx = $xxx.get(index)。

　　　　DOM对象转为jQuery对象：var $xxx = $(xxx)。

　　　　jQuery和DOM对象有各自不同的api方法

 

2.选择器

　　01.基本选择器

　　　　$("#one").css("background", "#ffaabb");//$("#one")选择id为one的节点，返回jQuery元素。并设置背景颜色

　　　　$(".mini").css("background", "#ffccaa");//选择class属性为mini的节点
　　　　$("div").css("background", "#ffbbaa");//选择TagName为div的节点
　　　　$("*").css("background", "#ffaabb");//选择所有节点元素
　　　　$("span,#two").css("background", "#ffbbaa");//中间加, 代表选择TagName为span或者id为two的节点