<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>03_jQuery核心函數(shù)</title>
</head>
<body>
<div>
<button id="btn">測試</button>
<br/>
<input type="text" name="msg1"/><br/>
<input type="text" name="msg2"/><br/>
</div>
<!--
1. 作為一般函數(shù)調(diào)用: $(param)
1). 參數(shù)為函數(shù) : 當(dāng)DOM加載完成后尖坤，執(zhí)行此回調(diào)函數(shù)
2). 參數(shù)為選擇器字符串: 查找所有匹配的標(biāo)簽, 并將它們封裝成jQuery對象
3). 參數(shù)為DOM對象: 將dom對象封裝成jQuery對象
4). 參數(shù)為html標(biāo)簽字符串 (用得少): 創(chuàng)建標(biāo)簽對象并封裝成jQuery對象
2. 作為對象使用: $.xxx()
1). $.each() : 隱式遍歷數(shù)組
2). $.trim() : 去除兩端的空格
-->
<script src="js/jquery-1.10.1.js" type="text/javascript"></script>
<script type="text/javascript">
/*
需求1. 點(diǎn)擊按鈕: 顯示按鈕的文本, 顯示一個(gè)新的輸入框
需求2. 遍歷輸出數(shù)組中所有元素值
需求3. 去掉" my atguigu "兩端的空格
*/
/*需求1. 點(diǎn)擊按鈕: 顯示按鈕的文本, 顯示一個(gè)新的輸入框*/
//1.1). 參數(shù)為函數(shù) : 當(dāng)DOM加載完成后，執(zhí)行此回調(diào)函數(shù)
$(function () { // 綁定文檔加載完成的監(jiān)聽
// 1.2). 參數(shù)為選擇器字符串: 查找所有匹配的標(biāo)簽, 并將它們封裝成jQuery對象
$('#btn').click(function () { // 綁定點(diǎn)擊事件監(jiān)聽
// this是什么? 發(fā)生事件的dom元素(<button>)
// alert(this.innerHTML)
// 1.3). 參數(shù)為DOM對象: 將dom對象封裝成jQuery對象
alert($(this).html())
// 1.4). 參數(shù)為html標(biāo)簽字符串 (用得少): 創(chuàng)建標(biāo)簽對象并封裝成jQuery對象
$('<input type="text" name="msg3"/><br/>').appendTo('div')
})
})
/*需求2. 遍歷輸出數(shù)組中所有元素值*/
var arr = [2, 4, 7]
// 1). $.each() : 隱式遍歷數(shù)組
$.each(arr, function (index, item) {
console.log(index, item)
})
// 2). $.trim() : 去除兩端的空格
var str = ' my atguigu '
// console.log('---'+str.trim()+'---')
console.log('---'+$.trim(str)+'---')
</script>
</body>
</html>
jQuery核心函數(shù)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來文搂，“玉大人适刀，你說我怎么就攤上這事∶翰洌” “怎么了笔喉？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長疯兼。 經(jīng)常有香客問我然遏，道長，這世上最難降的妖魔是什么吧彪？ 我笑而不...
- 正文 為了忘掉前任待侵，我火速辦了婚禮，結(jié)果婚禮上姨裸，老公的妹妹穿的比我還像新娘秧倾。我一直安慰自己，他們只是感情好傀缩，可當(dāng)我...
- 文/花漫 我一把揭開白布那先。 她就那樣靜靜地躺著，像睡著了一般赡艰。 火紅的嫁衣襯著肌膚如雪售淡。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼贮泞，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了幔烛？” 一聲冷哼從身側(cè)響起啃擦，我...
- 序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎饿悬，沒想到半個(gè)月后令蛉，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡乡恕，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年言询，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片傲宜。...
- 正文 年R本政府宣布报嵌，位于F島的核電站虱咧，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏锚国。R本人自食惡果不足惜腕巡，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望血筑。 院中可真熱鬧绘沉，春花似錦、人聲如沸豺总。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽喻喳。三九已至另玖，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間表伦，已是汗流浹背谦去。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長得像翔怎，于是被迫代替她去往敵國和親窃诉。 傳聞我的和親對象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 前六章的內(nèi)容在上一篇文章中已有介紹赤套，后面的內(nèi)容主要是一些JQuery的插件的介紹飘痛，有一些感覺是很有用的，但是有一些...
- on()函數(shù)用于為指定元素的一個(gè)或多個(gè)事件綁定事件處理函數(shù)容握。 此外宣脉，你還可以額外傳遞給事件處理函數(shù)一些所需的數(shù)據(jù)。...
- jQuery基本結(jié)構(gòu)分析 結(jié)構(gòu): 閉包(即時(shí)函數(shù))-函數(shù)持有了本不屬于自己的變量普通函數(shù)也是閉包理解函數(shù)的訪問規(guī)則...
