javascript筆記

javascript代碼必須位于<script>與</script>中
腳本可被放置于<body></body>或<head></head>中
單引號雙引號均可
雙斜杠 // 或 /* ... */ 之間的代碼被視為注釋
標(biāo)識符用于命名變量（以及關(guān)鍵詞册舞、函數(shù)和標(biāo)簽），首字符必須是字母饲梭、下劃線（-）或美元符號（$）
對大小寫敏感
不能使用連字符物延，如 first-name

JavaScript 能夠以不同方式“顯示”數(shù)據(jù)：
使用 window.alert() 寫入警告框
使用 document.write() 寫入 HTML 輸出（測試）
使用 innerHTML 寫入 HTML 元素：document.getElementById(id)
使用 console.log() 寫入瀏覽器控制臺（？）

關(guān)鍵詞
break 終止 switch 或循環(huán)。
continue 跳出循環(huán)并在頂端開始逆济。
debugger 停止執(zhí)行 JavaScript蜀肘，并調(diào)用調(diào)試函數(shù)（如果可用）绊汹。
do ... while 執(zhí)行語句塊，并在條件為真時(shí)重復(fù)代碼塊幌缝。
for 標(biāo)記需被執(zhí)行的語句塊灸促，只要條件為真。
function 聲明函數(shù)涵卵。
if ... else 標(biāo)記需被執(zhí)行的語句塊浴栽，根據(jù)某個(gè)條件。
return 退出函數(shù)轿偎。
switch 標(biāo)記需被執(zhí)行的語句塊典鸡，根據(jù)不同的情況。
try ... catch 對語句塊實(shí)現(xiàn)錯(cuò)誤處理坏晦。
var 聲明變量萝玷。

innerHTML = "Bill" + " " + "Gates" 結(jié)果為 Bill Gates
可以在一條語句中聲明許多變量，以 var 作為語句的開頭昆婿，并以逗號分隔變量球碉，聲明可橫跨多行
再次聲明某個(gè) JavaScript 變量，將不會丟它的值
var x = "8" + 3 + 5 結(jié)果為 835
var x = 3 + 5 + "8" 結(jié)果為88 由于第一個(gè)操作數(shù)是字符串仓蛆，因此所有操作數(shù)都被視為字符串
當(dāng)數(shù)值和字符串相加時(shí)睁冬，JavaScript 將把數(shù)值視作字符串

賦值運(yùn)算符： x?=y 等同于 x=x?y (?為+ - * / %)

&& 邏輯與
|| 邏輯或
! 邏輯非

運(yùn)算符
typeof 返回變量的類型。
instanceof 返回 true看疙，如果對象是對象類型的實(shí)例豆拨。
位運(yùn)算符處理 32 位數(shù)（更多運(yùn)算符的知識在高級教程中）

超大或超小的數(shù)值可以用科學(xué)計(jì)數(shù)法來寫
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123

花括號里對象屬性是name:value，由逗號分隔

typeof 運(yùn)算符返回變量或表達(dá)式的類型
沒有值的變量typeof返回undefined
空值與 undefined 不是一回事
空的字符串變量既有值也有類型

function name(參數(shù) 1, 參數(shù) 2, 參數(shù) 3) {
要執(zhí)行的代碼
return a //函數(shù)返回a能庆，返回值返回給調(diào)用者
}

不使用 () 訪問函數(shù)將返回函數(shù)聲明而不是函數(shù)結(jié)果
<script>
function toCelsius(f) {
return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelsius;
</script>
結(jié)果：function toCelsius(f) { return (5/9) * (f-32); }
函數(shù)可以當(dāng)做變量值直接使用
在函數(shù)中聲明的變量會成為函數(shù)的局部變量施禾，局部變量只能在函數(shù)內(nèi)訪問，所以可以在不同函數(shù)中使用相同名稱的變量

this 關(guān)鍵詞
this.firstName 的意思是 this 對象的 firstName 屬性
可以以兩種方式訪問屬性：
objectName.propertyName objectName["propertyName"]
可以如下語法訪問對象方法：
objectName.methodName() name = person.fullName();

HTML事件
onchange HTML 元素已被改變
onclick 用戶點(diǎn)擊了 HTML 元素
onmouseover 用戶把鼠標(biāo)移動到 HTML 元素上
onmouseout 用戶把鼠標(biāo)移開 HTML 元素
onkeydown 用戶按下鍵盤按鍵
onload 瀏覽器已經(jīng)完成頁面加載

內(nèi)建屬性length返回字符串長度 len=txt.length

字符串也可通過關(guān)鍵詞 new 定義為對象(使代碼復(fù)雜化)
var firstName = new String("Bill") typeof y將返回為object

indexOf() 方法返回字符串中指定文本首次出現(xiàn)的索引（位置（數(shù)字））
lastIndexOf() 方法返回指定文本在字符串中最后一次出現(xiàn)的索引
0 是字符串中的第一個(gè)位置搁胆，1 是第二個(gè)弥搞，2 是第三個(gè) ...
如果未找到文本邮绿， indexOf() 和 lastIndexOf() 均返回 -1
兩種方法都接受作為檢索起始位置的第二個(gè)參數(shù)：
pos = str.indexOf("China", 18)
search()的結(jié)果與inderOf()相等，但區(qū)別在：
search() 方法無法設(shè)置第二個(gè)開始位置參數(shù)拓巧。
indexOf() 方法無法設(shè)置更強(qiáng)大的搜索值（正則表達(dá)式）

slice() 提取字符串的某個(gè)部分并在新字符串中返回被提取的部分
參數(shù)為負(fù)則從字符串結(jié)尾開始計(jì)數(shù)
如果省略第二個(gè)參數(shù)斯碌，則該方法將裁剪字符串的剩余部分
substring() 類似于 slice()，不同之處在于 substring() 無法接受負(fù)的索引
substr() 類似于 slice()肛度，不同之處在于第二個(gè)參數(shù)規(guī)定被提取部分的長度
如果省略第二個(gè)參數(shù)傻唾，則該 substr() 將裁剪字符串的剩余部分
如果首個(gè)參數(shù)為負(fù)，則從字符串的結(jié)尾計(jì)算位置
replace() 方法用另一個(gè)值替換在字符串中指定的值
默認(rèn)對大小寫敏感承耿，/xxx/i則對大小寫不敏感（不帶引號）
toUpperCase() 把字符串轉(zhuǎn)換為大寫
toLowerCase() 把字符串轉(zhuǎn)換為小寫
concat() 連接兩個(gè)或多個(gè)字符串
trim() 方法刪除字符串兩端的空白符
charAt() 方法返回字符串中指定下標(biāo)（位置）的字符串
charCodeAt() 方法返回字符串中指定索引的字符 unicode 編碼
split() 將字符串轉(zhuǎn)換為數(shù)組

對于引號引起來的數(shù)字冠骄，進(jìn)行計(jì)算時(shí)會講其轉(zhuǎn)化成數(shù)字計(jì)算
除了 + 會進(jìn)行級聯(lián),需注意

NaN 屬于 JavaScript 保留詞，指示某個(gè)數(shù)不是合法數(shù)

Infinity （或 -Infinity）是 JavaScript 在計(jì)算數(shù)時(shí)超出最大可能數(shù)范圍時(shí)返回的值
Infinity 是數(shù)：typeOf Infinity 返回 number

JavaScript 會把前綴為 0x 的數(shù)值常量解釋為十六進(jìn)制

toString() 方法把數(shù)輸出為十六進(jìn)制加袋、八進(jìn)制或二進(jìn)制
toExponential() 返回字符串值凛辣，它包含已被四舍五入并使用指數(shù)計(jì)數(shù)法的數(shù)字
var x = 9.656;
x.toExponential(2); // 返回 9.66e+0
x.toExponential(4); // 返回 9.6560e+0
x.toExponential(6); // 返回 9.656000e+0
該參數(shù)是可選的。如果沒有設(shè)置它职烧，JavaScript 不會對數(shù)字進(jìn)行舍入
toFixed() 返回字符串值扁誓，它包含了指定位數(shù)小數(shù)的數(shù)字
var x = 9.656;
x.toFixed(0); // 返回 10
x.toFixed(2); // 返回 9.66
x.toFixed(4); // 返回 9.6560
toPrecision() 返回字符串值，它包含了指定長度的數(shù)字
var x = 9.656;
x.toPrecision(); // 返回 9.656
x.toPrecision(2); // 返回 9.7
x.toPrecision(4); // 返回 9.656
valueOf() 以數(shù)值返回?cái)?shù)值
Number() 可用于把 JavaScript 變量轉(zhuǎn)換為數(shù)值
如果無法轉(zhuǎn)換數(shù)字蚀之，則返回 NaN
Number() 還可以把日期轉(zhuǎn)換為數(shù)字蝗敢，返回 1970 年 1 月 1 日至今的毫秒數(shù)
parseInt() 解析一段字符串并返回?cái)?shù)值。允許空格足删。只返回首個(gè)數(shù)字
如果無法轉(zhuǎn)換為數(shù)值寿谴，則返回 NaN

創(chuàng)建數(shù)組文本用[],length 屬性返回?cái)?shù)組的長度（數(shù)組元素的數(shù)目）
遍歷數(shù)組元素可用Array.foreach()函數(shù)
添加數(shù)組元素：push()、length屬性
fruits.push()=
fruits[fruits.length]=
添加最高索引的元素可在數(shù)組中創(chuàng)建未定義的“洞”,未被定義的索引值為undefined
對于數(shù)組instanceof 運(yùn)算符返回 true

數(shù)組使用數(shù)字索引失受。
對象使用命名索引讶泰。

join() 方法也可將所有數(shù)組元素結(jié)合為一個(gè)字符串
它的行為類似 toString()，但是可以規(guī)定分隔符

pop() 方法從數(shù)組中刪除最后一個(gè)元素
push() 方法（在數(shù)組結(jié)尾處）向數(shù)組添加一個(gè)新的元素
shift() 方法會刪除首個(gè)數(shù)組元素拂到，并把所有其他元素“位移”到更低的索引
unshift() 方法（在開頭）向數(shù)組添加新元素痪署，并“反向位移”舊元素
使用 delete 會在數(shù)組留下未定義的空洞。請使用 pop() 或 shift() 取而代之
splice() 方法可用于向數(shù)組添加新項(xiàng)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
第一個(gè)參數(shù)（2）定義了應(yīng)添加新元素的位置（拼接）兄旬。
第二個(gè)參數(shù)（0）定義應(yīng)刪除多少元素惠桃。
其余參數(shù)（“Lemon”，“Kiwi”）定義要添加的新元素辖试。
結(jié)果：新數(shù)組Banana,Orange,Lemon,Kiwi,Apple,Mango
使用 splice() 在數(shù)組中不留“空洞”的情況下移除元素
第一個(gè)參數(shù)（0）定義新元素應(yīng)該被添加（接入）的位置。
第二個(gè)參數(shù)（1）定義應(yīng)該刪除多個(gè)元素劈狐。
concat() 方法通過合并（連接）現(xiàn)有數(shù)組來創(chuàng)建一個(gè)新數(shù)組
var a=myGirls.concat(myBoys); // 連接 myGirls 和 myBoys
不會更改現(xiàn)有數(shù)組罐孝。它總是返回一個(gè)新數(shù)組
slice() 方法用數(shù)組的某個(gè)片段切出新數(shù)組,創(chuàng)建新數(shù)組，均不會改變原數(shù)組
可接受兩個(gè)參數(shù)肥缔，從參數(shù)處選取元素
sort() 方法以字母順序?qū)?shù)組進(jìn)行排序,對數(shù)值排序時(shí)會產(chǎn)生不正確的結(jié)果
對數(shù)值排序時(shí)通過一個(gè)比值函數(shù)：
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});
reverse() 方法以降序?qū)?shù)組進(jìn)行排序莲兢，對數(shù)值處理時(shí)同上 {return b - a}
以隨機(jī)順序排序數(shù)組
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return 0.5 - Math.random()});
對數(shù)組使用 Math.max()=Math.max.apply([])
對數(shù)組使用 Math.min()=Math.min.apply([])
排序?qū)ο髷?shù)組，通過比map() 方法通過對每個(gè)數(shù)組元素執(zhí)行函數(shù)來創(chuàng)建新數(shù)組, year:2016},
{type:"BMW", year:2010}];
cars.sort(function(a, b){return a.year - b.year});

forEach() 方法為每個(gè)數(shù)組元素調(diào)用一次函數(shù)（回調(diào)函數(shù)）
map() 方法通過對每個(gè)數(shù)組元素執(zhí)行函數(shù)來創(chuàng)建新數(shù)組
filter() 方法創(chuàng)建一個(gè)包含通過測試的數(shù)組元素的新數(shù)組
var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
reduce() 方法在每個(gè)數(shù)組元素上運(yùn)行函數(shù)，以生成（減少它）單個(gè)值
reduceRight() 方法在每個(gè)數(shù)組元素上運(yùn)行函數(shù)改艇，以生成（減少它）單個(gè)值
every() 方法檢查所有數(shù)組值是否通過測試
some() 方法檢查某些數(shù)組值是否通過了測試
indexOf() 方法在數(shù)組中搜索元素值并返回其位置收班。
第一個(gè)項(xiàng)目的位置是 0，第二個(gè)項(xiàng)目的位置是 1谒兄，以此類推
Array.lastIndexOf() 與 Array.indexOf() 類似摔桦，但是從數(shù)組結(jié)尾開始搜索。
find() 方法返回通過測試函數(shù)的第一個(gè)數(shù)組元素的值
findIndex() 方法返回通過測試函數(shù)的第一個(gè)數(shù)組元素的索引

new Date() 用當(dāng)前日期和時(shí)間創(chuàng)建新的日期對象
默認(rèn)將輸出全文本字符串格式
Mon Feb 19 2018 06:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)
new Date(year, month, ...) 用指定日期和時(shí)間創(chuàng)建新的日期對象
如果只提供一個(gè)參數(shù)承疲，則將其視為毫秒
一位和兩位數(shù)年份將被解釋為 19xx 年
new Date(dateString) 從日期字符串創(chuàng)建一個(gè)新的日期對象
toUTCString() 方法將日期轉(zhuǎn)換為 UTC 字符串（一種日期顯示標(biāo)準(zhǔn)）邻耕。
Tue, 18 Feb 2020 13:03:53 GMT
toDateString() 方法將日期轉(zhuǎn)換為更易讀的格式
Tue Feb 18 2020

有四種 JavaScript 日期輸入格式：
類型實(shí)例
ISO 日期 "2018-02-19" （國際標(biāo)準(zhǔn)）
短日期 "02/19/2018" 或者 "2018/02/19"
長日期 "Feb 19 2018" 或者 "19 Feb 2019"
完整日期 "Monday February 25 2015"

getDate() 以數(shù)值返回天（1-31）
getDay() 以數(shù)值獲取周名（0-6）
getFullYear() 獲取四位的年（yyyy）
getHours() 獲取小時(shí)（0-23）
getMilliseconds() 獲取毫秒（0-999）
getMinutes() 獲取分（0-59）
getMonth() 獲取月（0-11）
getSeconds() 獲取秒（0-59）
getTime() 獲取時(shí)間（從 1970 年 1 月 1 日至今）
以上在get后加上UTC則返回UTC日期

setDate() 以數(shù)值（1-31）設(shè)置日
setFullYear() 設(shè)置年（可選月和日）
setHours() 設(shè)置小時(shí)（0-23）
setMilliseconds() 設(shè)置毫秒（0-999）
setMinutes() 設(shè)置分（0-59）
setMonth() 設(shè)置月（0-11）
setSeconds() 設(shè)置秒（0-59）
setTime() 設(shè)置時(shí)間（從 1970 年 1 月 1 日至今的毫秒數(shù)）
JavaScript 從 0 到 11 計(jì)數(shù)月份。1 月是 0燕鸽。12 月是 11

Math.PI; // 返回 3.141592653589793
Math.round(x) 的返回值是 x 四舍五入為最接近的整數(shù)：
Math.round(6.8); // 返回 7
Math.round(2.3); // 返回 2
Math.pow(x, y) 的返回值是 x 的 y 次冪
Math.sqrt(x) 返回 x 的平方根
Math.abs(x) 返回 x 的絕對（正）值
Math.ceil(x) 的返回值是 x 上舍入最接近的整數(shù)
Math.floor(x) 的返回值是 x 下舍入最接近的整數(shù)
Math.min() 和 Math.max() 可用于查找參數(shù)列表中的最低或最高值
Math.random() 返回介于 0（包括）與 1（不包括）之間的隨機(jī)數(shù)
總是返回小于 1 的數(shù)
Math.E // 返回歐拉指數(shù)（Euler's number）
Math.PI // 返回圓周率（PI）
Math.SQRT2 // 返回 2 的平方根
Math.SQRT1_2 // 返回 1/2 的平方根
Math.LN2 // 返回 2 的自然對數(shù)
Math.LN10 // 返回 10 的自然對數(shù)
Math.LOG2E // 返回以 2 為底的 e 的對數(shù)（約等于 1.414）
Math.LOG10E // 返回以 10 為底的 e 的對數(shù)（約等于0.434）
Math.random() 與 Math.floor/ceil() 一起使用用于返回隨機(jī)整數(shù)
返回介于 min（包括）和 max（不包括）之間的隨機(jī)數(shù)
return Math.floor(Math.random() * (max - min) ) + min;
返回介于 min 和 max（都包括）之間的隨機(jī)數(shù)
return Math.floor(Math.random() * (max - min + 1) ) + min;
使用 Boolean() 函數(shù)來確定表達(dá)式（或變量）是否為真
Boolean(10 > 9) // 返回 true
甚至更簡單：
(10 > 9) // 也返回 true
10 > 9 // 也返回 true
0, -0, ""（空值）, undefined ,null, false,NaN的布爾值為 false
=== 運(yùn)算符需要在類型和值兩方面同時(shí)相等

條件（三元）運(yùn)算符：
語法 variablename = (condition) ? value1:value2
condition為1則進(jìn)行value1兄世，為0則進(jìn)行value2

switch(表達(dá)式) {
case n:
代碼塊
break;
case n:
代碼塊
break;
default:
默認(rèn)代碼塊
} 遇到 break 關(guān)鍵詞，會跳出 switch 代碼塊

case4:
case5:
text=
即4和5分享相同的代碼塊

函數(shù)參數(shù)（parameter）指的是在函數(shù)定義中列出的名稱啊研。
函數(shù)參數(shù)（argument）指的是傳遞到函數(shù)或由函數(shù)接收到的真實(shí)值御滩。

函數(shù)表達(dá)式可以在變量中存儲（是一個(gè)匿名函數(shù)）：
var x = function (a, b) {return a * b};
在變量中保存函數(shù)表達(dá)式之后，此變量可用作函數(shù)
自調(diào)用函數(shù)：
(function () {
var x = "Hello!!"; //我會調(diào)用我自己
})();
arguments.length 會返回函數(shù)被調(diào)用時(shí)收到的參數(shù)數(shù)目
toString() 方法以字符串返回函數(shù)
箭頭函數(shù)允許使用簡短的語法來編寫函數(shù)表達(dá)式
const x = (x, y) => { return x * y };

在 JavaScript 中党远，被稱為 this 的事物削解，指的是“擁有”當(dāng)前代碼的對象。
this 的值麸锉，在函數(shù)中使用時(shí)钠绍，是“擁有”該函數(shù)的對象。

可以把函數(shù)定義為對象方法
例子創(chuàng)建了一個(gè)對象（myObject）花沉，帶有兩個(gè)屬性（firstName 和 lastName）柳爽，以及一個(gè)方法（fullName）
var myObject = {
firstName:"John",
lastName: "Doe",
fullName: function () {
return this;
}
}
myObject.fullName(); // 將返回 [object Object]（擁有者對象）
在此例中，this 的值是 myObject

通過 HTML DOM(文檔對象模型)碱屁，JavaScript 能夠訪問和改變 HTML 文檔的所有元素
HTML DOM 模型被結(jié)構(gòu)化為對象樹
HTML DOM 是關(guān)于如何獲取磷脯、更改、添加或刪除 HTML 元素的標(biāo)準(zhǔn)
HTML DOM 方法是能夠（在 HTML 元素上）執(zhí)行的動作娩脾。
HTML DOM 屬性是能夠設(shè)置或改變的 HTML 元素的值赵誓。

document.getElementById("demo").innerHTML = "Hello World!";
在上面的例子中，getElementById 是方法柿赊，而 innerHTML 是屬性

DOM文檔（收藏有頁面https://www.w3school.com.cn/js/js_htmldom_document.asp）
查找 HTML 元素
方法描述
document.getElementById(id) 通過元素 id 來查找元素
注意是Element 沒有s,id不能重復(fù)俩功，不需要下標(biāo)
document.getElementsByTagName(name) 通過標(biāo)簽名來查找元素
注意是Elements,有s，需要下標(biāo)
document.getElementsByClassName(name) 通過類名來查找元素
同上
document.querySelectorAll() 通過查詢選擇器

改變 HTML 元素
方法描述
element.innerHTML = new html content 改變元素的 inner HTML
element.attribute = new value 改變 HTML 元素的屬性值
element.setAttribute(attribute, value) 改變 HTML 元素的屬性值
element.style.property = new style 改變 HTML 元素的樣式

添加和刪除元素
方法描述
document.createElement(element) 創(chuàng)建 HTML 元素
document.removeChild(element) 刪除 HTML 元素
document.appendChild(element) 添加 HTML 元素
document.replaceChild(element) 替換 HTML 元素
document.write(text) 寫入 HTML 輸出流

添加事件處理程序
document.getElementById(id).onclick = function(){code}
向 onclick 事件添加事件處理程序

AJAX

AJAX組合了瀏覽器內(nèi)建的XMLHttpRequest對象（從web服務(wù)器請求數(shù)據(jù)）
javascript 和 HTML DOM
AJAX允許通過與場景后面的web服務(wù)器交換數(shù)據(jù)來異步更新網(wǎng)頁

XMLHttpRequest 對象方法
方法描述
new XMLHttpRequest() 創(chuàng)建新的 XMLHttpRequest 對象
abort() 取消當(dāng)前請求
getAllResponseHeaders() 返回頭部信息
getResponseHeader() 返回特定的頭部信息
open(method, url, async, user, psw)
規(guī)定請求
method：請求類型 GET 或 POST
url：文件位置
async：true（異步）或 false（同步）
user：可選的用戶名稱
psw：可選的密碼
send() 將請求發(fā)送到服務(wù)器碰声，用于 GET 請求
send(string) 將請求發(fā)送到服務(wù)器诡蜓，用于 POST 請求
setRequestHeader() 向要發(fā)送的報(bào)頭添加標(biāo)簽/值對

XMLHttpRequest 對象屬性
onreadystatechange 定義當(dāng) readyState 屬性發(fā)生變化時(shí)被調(diào)用的函數(shù)
readyState 保存 XMLHttpRequest 的狀態(tài)
responseText 以字符串返回響應(yīng)數(shù)據(jù)
responseXML 以 XML 數(shù)據(jù)返回響應(yīng)數(shù)據(jù)
status 返回請求的狀態(tài)號
statusText 返回狀態(tài)文本（比如 "OK" 或 "Not Found"）

JavaScript 提供內(nèi)建函數(shù)把以 JSON 格式寫的字符串轉(zhuǎn)換為原生 JavaScript 對象：
JSON.parse()
語法：數(shù)據(jù)在名稱/值對中數(shù)據(jù)由逗號分隔
花括號容納對象方括號容納數(shù)組
JSON 名稱需要雙引號
訪問js對象：person.name 或 person["name"]
修改數(shù)據(jù)：person.name=" " 或 person["name"]=" "
JSON 的值不可以是以下數(shù)據(jù)類型之一：函數(shù) 日期 undefined

jQuery

通過id查找元素

$(document).ready(function(){
    var myElements = $("#id03");
    $("#id03").text("段落id03的文本是：" + myElements[0].innerHTML);
});

通過標(biāo)簽名來查找元素

$(document).ready(function(){
    var myElements = $("p");
    $("#demo").text("第三段的文本是：" + myElements[2].innerHTML)；
});

通過類名來查找元素

$(document).ready(function(){
    var myElements = $(".intro");
    ...
});

設(shè)置文本內(nèi)容

$(document).ready(function(){
    var myElements = $("#02");
    myElement.text("Hello ");
});

獲取文本內(nèi)容

$(document).ready(function(){
    var myElement = $("#03");
    var myText = myElement.text();
    $("#demo").text(myText);
});

設(shè)置HTML

$(document).ready(function(){
    var myElement = $("#02");
    myElement.html("xxx");
});

獲取Html內(nèi)容

$(document).ready(function(){
    var myElement = $("#01").html();
    $("#02").html(content);
});

隱藏html元素

$(document).ready(function(){
    var myElement = $("#02");
    myElement.hide();
});

顯示html元素

myElement.show();

樣式化html元素

$(document).ready(function(){
    var myElement = $("#demo");
    myElement.css("font-size","35px");
});

刪除html元素

$("#id01").remove();

獲取父級html元素(????)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末胰挑，一起剝皮案震驚了整個(gè)濱河市蔓罚，隨后出現(xiàn)的幾起案子椿肩，更是在濱河造成了極大的恐慌，老刑警劉巖豺谈，帶你破解...
沈念sama閱讀 212,383評論 6贊 493
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件郑象，死亡現(xiàn)場離奇詭異，居然都是意外死亡茬末，警方通過查閱死者的電腦和手機(jī)厂榛，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,522評論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來团南，“玉大人噪沙，你說我怎么就攤上這事⊥赂” “怎么了正歼？”我有些...
開封第一講書人閱讀 157,852評論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長拷橘。經(jīng)常有香客問我局义，道長，這世上最難降的妖魔是什么冗疮？我笑而不...
開封第一講書人閱讀 56,621評論 1贊 284
?港島之戀（遺憾婚禮）
正文為了忘掉前任萄唇，我火速辦了婚禮，結(jié)果婚禮上术幔，老公的妹妹穿的比我還像新娘另萤。我一直安慰自己，他們只是感情好诅挑，可當(dāng)我...
茶點(diǎn)故事閱讀 65,741評論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布四敞。她就那樣靜靜地躺著，像睡著了一般拔妥。火紅的嫁衣襯著肌膚如雪忿危。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 49,929評論 1贊 290
城市分裂傳說
那天没龙，我揣著相機(jī)與錄音铺厨，去河邊找鬼。笑死硬纤，一個(gè)胖子當(dāng)著我的面吹牛解滓，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播筝家，決...
沈念sama閱讀 39,076評論 3贊 410
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼伐蒂，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了肛鹏？” 一聲冷哼從身側(cè)響起逸邦，我...
開封第一講書人閱讀 37,803評論 0贊 268
萬榮殺人案實(shí)錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎在扰，沒想到半個(gè)月后缕减，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 44,265評論 1贊 303
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡芒珠，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,582評論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年桥狡，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片皱卓。...
茶點(diǎn)故事閱讀 38,716評論 1贊 341
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡裹芝，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出娜汁，到底是詐尸還是另有隱情嫂易，我是刑警寧澤，帶...
沈念sama閱讀 34,395評論 4贊 333
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布掐禁，位于F島的核電站怜械，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏傅事。R本人自食惡果不足惜缕允，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 40,039評論 3贊 316
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望蹭越。院中可真熱鬧障本，春花似錦、人聲如沸响鹃。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,798評論 0贊 21
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽茴迁。三九已至寄悯，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間堕义，已是汗流浹背猜旬。一陣腳步聲響...
開封第一講書人閱讀 32,027評論 1贊 266
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留倦卖，地道東北人洒擦。一個(gè)月前我還...
沈念sama閱讀 46,488評論 2贊 361
代替公主和親
正文我出身青樓，卻偏偏與公主長得像怕膛，于是被迫代替她去往敵國和親熟嫩。傳聞我的和親對象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 43,612評論 2贊 350

javascript筆記

AJAX

jQuery

推薦閱讀更多精彩內(nèi)容