Jquery 基础

1.$()的用法

1.1 $(html)　==>>根据html参数动态建立一个jquery对像

例子：$("<div>hello</div>").appendTo("#Select"),动态的创建一个div element插入到ID为Select的element中去
#ID #后面接的是元素ID,为#选择器,上面是把("<div>hello</div>")这个html代码加入到ID为#Select的元素中!

1.2 $(element) ==>>把节点对像转化成一个jquery对像

例子:$(document.body).background("black");

1.3 $(function) ==>>是$(doucment).ready()的快捷键．当页面加载结束后才会执行function．$(function)可以调用多次，相当于绑定多个$(function)

eg: $(function(){

//document is ready

})

1.4 $(expr,context)=>在一定的范围（context）内根据搜索条件(expr)搜索出jQuery对像

eg: 1. $('span>p') :找出所有span中的p结点．
此例子为选择的方法选择span元素中的所有p元素!

2.$('input:radio',document.forms[0])搜索出第一个表单中的radio

2. $.extend(prop)向jquery命名空间中添加方法,用此方法可以方便的对jquery进行扩展

$.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
alert($.min(3,6)); //显示3
alert($.max(3,6));//显示6
注意!$.extend()为固定格式.测试成功.可做特殊用途使用

3. $.noConflict() 取消$代替jQuery.

例如:

jQuery.noConflict(); // Do something with jQuery

jQuery("div p").hide();

// Do something with another library's $()

$("content").style.display ='none';


4. each(function) 对所有符合条件的结点做为参数调用function

例如:

$("img").each(function(i){ this.src="test" + i + ".jpg"; });

结果：<img/><img/> ==>>[<img src="test0.jpg"/><img src="test1.jpg"/>]

测试成功,非常有用的功能 (i)为搜索img元素的序号,
比如第一个img元素,i就为0第二个i就为1,
this.src="test"为路径.可以自定义.  ".jpg"; 为扩展名.

5．eq(pos)取得对像element数组的第N＋1个element

例如：$("p").eq(1)

<p>This is just a test.</p><p>So is this</p> ==>>[<p>So is this</p>]
此例子为选择器,意思是选择第二个p元素的内容.第一个为eq(0)

6. get() 取得所有的element数组

例如: $("img").get();

<img src="test1.jpg"/> <img src="test2.jpg"/> ==>>[ <img src="test1.jpg"/> <img src="test2.jpg"/>]
此例为选择所有img元素

get(num)可以取得指定的element
例如:$("img").get(1)
<img src="test1.jpg"/> <img src="test2.jpg"/> ==>>[<img src="test2.jpg"/>]
这此为选择第1个IMG元素.从0开始累计