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开始累计