亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

《jQuery技術內幕》拾遺 構造函數jQuery()

標簽:
JQuery
jQuery( selector [, context] )
  • selector:用来查找的字符串
  • context:作为待查找的 DOM 元素集、文档或 jQuery 对象。
    $('div.foo').click(function() {
    $('span', this).addClass('bar'); // 限定查找范围
    $(this).find('span').addClass('bar');//等价上面
    });
    jQuery( html [, ownerDocument] )、jQuery( html, props )
  • 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 对象中并返回
    $('div.foo').click(function() {
    $(this).slideUp(); //this作为dom被封装成jQuery对象
    });
    jQuery( object )
  • 如果传入一个普通 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人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
40
獲贊與收藏
461

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消