Jquery 基础

阅读更多
1.$()的用法

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

例子:$("
hello
").appendTo("#Select"),动态的创建一个div element插入到ID为Select的element中去
#ID #后面接的是元素ID,为#选择器,上面是把("
hello
")这个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"; });

结果: ==>>[]

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

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

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

This is just a test.

So is this

==>>[

So is this

]
此例子为选择器,意思是选择第二个p元素的内容.第一个为eq(0)

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

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

==>>[ ]
此例为选择所有img元素

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

你可能感兴趣的:(jQuery,HTML)