首页 > 代码库 > 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