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

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

JQuery api

第一步引入JQuery库。

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

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

1 $(document).ready(function(){
2     console.log("test");
3 });
$(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.混合使用

1 var intro = $("p .intro");//获取所有class="intro"的<p>元素$对象
2 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中使用>来匹配子集元素,不包含孙级元素。

 

未完,下班后续······

 

posted @ 2013-07-01 11:35  fenglie  阅读(229)  评论(0编辑  收藏  举报
版权所有,转载声明