JQuery基础知识--方便忘记时查看

第一次写博客，不多说废话，实用为先。如有不对，请多指正。

JQuery api

第一步引入JQuery库。

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

最基础常用的功能，加载$(document).ready

$(document).ready(function(){
    console.log("test");
});

$(function() {
   console.log("test"); 
})

1. $元素选择器，获取一个元素的JQuery对象

1.1. id选择器$("#id")

<div id="test"></div>

var test = $("#test");//获取id为test的$对象

1.2. 类样式选择器$(".class")

<div class="test"></div>

var test = $(".test");//获取所有class为test的元素$对象

1.3. 标签选择器$("标签")

<p>test</p>

var test = $("p");//获取所有的p标签元素$对象

1.4.混合使用

var intro = $("p .intro");//获取所有class="intro"的<p>元素$对象
var demo = $("p #demo");//获取id="demo"的第一个<p>元素$对象

/*
 *一般而言，id是唯一的，$("#id")相当于dom操作的document.getElementById(id)，推荐单独使用
 */

2. 属性选择器$("标签[attr=]")

<input type="text" name="name" />

var input = $("input[name='name']");

 在jquery中使用>来匹配子集元素，不包含孙级元素。

 

未完，下班后续······