麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

jQuery編程中的一些核心方法簡介

2024-05-06 16:24:30
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了jQuery編程中的一些核心方法,jQuery是當下人氣最高的JavaScript庫,需要的朋友可以參考下
 

調用 jQuery 對象的方法很簡單:

$('h1').remove();

大多數 jQuery 方法都是像上面這樣被調用的,這些方法都位于 $.fn 命名空間內,這些方法稱為 jQuery 對象方法。

但是也有一些方法不需要依賴于選擇器的結果集,這些方法位于 jQuery 命名空間內,這些方法稱為 jQuery 核心方法。如果覺得不好理解,記住下面兩條即可:

  1.     所有 jQuery 選擇器的方法都位于 $.fn 命名空間內。
  2.     $ 內的方法一般都是一些實用的功能性方法,這些方法不依賴選擇器,這些方法的參數和返回值也都大不相同。

有些對象方法跟核心方法的名稱還會相同,例如 $.fn.each 和 $.each,使用的時候需要格外注意。

jQuery 的 $ 命名空間中提供了很多實用方法:

去除字符串兩遍的空白:

$.trim('  lots of extra whitespace  ');// 返回 'lots of extra whitespace'

對數組和對象進行迭代:

$.each([ 'foo', 'bar', 'baz' ], function(idx, val) {  console.log('element ' + idx + 'is ' + val);});$.each({ foo : 'bar', baz : 'bim' }, function(k, v) {  console.log(k + ' : ' + v);});

返回數組中某元素的索引,如果元素不存在則返回 -1

var myArray = [ 1, 2, 3, 5 ];if ($.inArray(4, myArray) !== -1) {  console.log('找到了');}

用一個對象去擴展另外一個對象:

var firstObject = { foo : 'bar', a : 'b' };var secondObject = { foo : 'baz' };var newObject = $.extend(firstObject, secondObject);console.log(firstObject.foo); // 'baz'console.log(newObject.foo);  // 'baz'

如果不想改變第一個對象中的值,在 $.extend 的第一個參數中傳入一個空對象即可:

var firstObject = { foo : 'bar', a : 'b' };var secondObject = { foo : 'baz' };var newObject = $.extend({}, firstObject, secondObject);console.log(firstObject.foo); // 'bar'console.log(newObject.foo);  // 'baz'

改變函數的作用域:

var myFunction = function() { console.log(this); };var myObject = { foo : 'bar' };myFunction(); // logs window objectvar myProxyFunction = $.proxy(myFunction, myObject);myProxyFunction(); // logs myObject object

再結合事件看如何改變函數的作用域:

var myObject = {  myFn : function() {    console.log(this);  }};$('#foo').click(myObject.myFn); // logs DOM element #foo$('#foo').click($.proxy(myObject, 'myFn')); // logs myObject

JavaScript 本身有類型檢測的方法,jQuery 中也有,并且做得更好:

var myValue = [1, 2, 3];// 用 JavaScript 的 typeof 操作符來判斷類型typeof myValue == 'string'; // falsetypeof myValue == 'number'; // falsetypeof myValue == 'undefined'; // falsetypeof myValue == 'boolean'; // false// 用恒等于 檢測 nullmyValue === null; // false// 使用 jQuery 的方法來判斷類型jQuery.isFunction(myValue); // falsejQuery.isPlainObject(myValue); // falsejQuery.isArray(myValue); // true

向 HTML 元素添加額外的數據:

$('#myDiv').data('keyName', { foo : 'bar' });$('#myDiv').data('keyName'); // { foo : 'bar' }

所要添加的數據可以是任意類型:

$('#myList li').each(function() {  var $li = $(this), $div = $li.find('div.content');  $li.data('contentDiv', $div);});// 不需要再去找那些 div 了;// 可以直接從 list 中讀取出來var $firstLi = $('#myList li:first');$firstLi.data('contentDiv').html('new content');
 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 欧美一级毛片大片免费播放 | 一级大片一级一大片 | 国产精品久久久久久婷婷天堂 | 中国杭州少妇xxxx做受 | 国产黄色毛片 | 亚洲欧美在线视频免费 | 亚洲第一页综合 | 91热久久免费频精品黑人99 | 亚洲一区二区中文字幕在线观看 | 成人短视频在线播放 | 日韩av成人 | 欧美视频在线一区二区三区 | 国产成人强伦免费视频网站 | 欧美日韩高清在线观看 | 一级毛片在线免费观看 | 性爱视频免费 | 成人精品久久 | 欧美一级高潮片免费的 | 高清国产午夜精品久久久久久 | 中文字幕在线永久视频 | 欧美一级美国一级 | 国产网站黄 | 国产噜噜噜 | 91 视频网站 | 中文在线国产 | 青青草成人影视 | 黄色av电影在线播放 | 午夜视频播放 | 黄色毛片视频在线观看 | 亚洲性生活视频 | 销魂美女一区二区 | 精品国产91一区二区三区 | 久久无 | 成人免费一区二区 | 国产一区二区国产 | 精品在线观看一区二区 | 中文字幕在线观看亚洲 | 草人人| 国产乱xxxx | 亚洲国产高清视频 | 欧美成人精品欧美一级乱黄 |