jQuery( selector [, context] )
- selector:用来查找的字符串
- context:作为待查找的 DOM 元素集、文档或 jQuery 对象。
jQuery( html [, ownerDocument] )、jQuery( html, props )$('div.foo').click(function() { $('span', this).addClass('bar'); // 限定查找范围 $(this).find('span').addClass('bar');//等价上面 });
- html:用于动态创建DOM元素的HTML标记字符串
- ownerDocument:创建DOM元素所在的文档
- props:用于附加到新创建元素上的属性、事件和方法
//创建一个 <div> 元素,同时设定 class 、text,以及点击事件。
$("<div>", {
"class": "test",
text: "Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");
jQuery( element )、jQuery( elementArray )
- 如果传入一个 DOM 元素或 DOM元素数组,则把 DOM 元素封装到 jQuery 对象中并返回
jQuery( object )$('div.foo').click(function() { $(this).slideUp(); //this作为dom被封装成jQuery对象 });
- 如果传入一个普通 JavaScript 对象,则把该对象封装到 jQuery 对象中并返回。
// 定义一个普通 JavaScript 对象 var foo = {foo:'bar', hello:'world'}; // 封装成 jQuery 对象 var $foo = $(foo); // 绑定一个事件
$foo.on('custom', function (){
console.log('custom event was called'); });
// 触发这个事件
$foo.trigger('custom'); // 在控制台打印 "custom event was called"
###jQuery( callback )
- $(document).ready()的简写。
- 当DOM加载完成后,执行其中的函数。
$(function(){
// 文档就绪
});
##jQuery( jQuery object )
- 如果传入一个 jQuery 对象,则创建该 jQuery 对象的一个副本并返回,副本与传入的
- jQuery 对象引用完全相同的 DOM 元素。
##jQuery.extend(object)
- 扩展jQuery对象本身。
```javascript
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5
jQuery.fn.extend(object)
- 扩展 jQuery 元素集来提供新的方法(通常用来制作插件)
jQuery.fn.extend({ check: function() { return this.each(function() { this.checked = true; }); }, uncheck: function() { return this.each(function() { this.checked = false; }); } });
$("input[type=checkbox]").check();
$("input[type=radio]").uncheck();
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦