首页 > 代码库 > jQuery-helloWorld
jQuery-helloWorld
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的节点
jQuery-helloWorld