溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
一、數據類型判斷與種類
例子：
var a = 100; //定義了一個變量a，并且賦值100
var b = true;
var c = "hello";
var d = 'k';
var e = 3.14
console.log(typeof a);//輸出a變量的類型，number
console.log(typeof b);//boolean
console.log(typeof c);//string
console.log(typeof d);//string
console.log(typeof e);//number
console.log(typeof xyz);//undefined
二、運算及數據類型轉換
例子
Math.floor(5/3);//取整
Math.sqrt(81);//開方
Math.pow(3,2);//3的平方
parseInt(“534”);//字符串轉整數
parseInt(“一年356天”);//字符串轉整數，帶自動過濾
parseInt(“3.64”);//結果為3，取整，不是四舍五入
parseFloat("3.45");//字符串轉小數
三、JS面向對象
3.1 對象的創建
1) var obj1={};
2) var obj2=new object();
3) var obj3=object.create();
推薦使用第一種方式，第二種方式存在效率問題。因為new對象，會涉及到原型查找的問題。
3.2 函數也是對象
有雙重身份，1.對象；2.構造函數；（類）
四、代碼執行特性
4.1 eval函數，直接執行代碼段。
var exe="alert('hello')";
eval(exe);
4.2 JS 的函數沒有重載特性
=====================================================================
JQ易忘知識整理
一、啟動
<script type="text/javascript" src="jquery.min.js"></script>
$(document).ready(function(){});
$(function(){});
JS的window.onload事件是等到所有內容以及外部的圖片加載完之后，才去執行。
jQuery的入口函數是在html所有標簽全部加載之后就會去執行
二、選擇器
基本選擇器 | ||
符號 | 說明 | 用法 |
$(“#demo”) | 選擇id為demo的第一個元素 | $(“#demo”).css(“background”,”red”) |
$(“.liItem”) | 選擇所有類名（樣式名）為liItem的元素 | $(“.liItem”). css(“background”,”red”); |
$(“div”) | 選擇所有標簽名字為div的元素 | $(“div”). css(“background”,”red”); |
$(“*”) | 選擇所有元素 少用或配合其他選擇器來使用 | $(“*”). css(“background”,”red”) |
$(“.liItem,div”) | 選擇多個指定的元素，這個地方是選擇出了 .liItem元素和div元素 | $(“.liItem,div”). css(“background”,”red”) |
層級選擇器 | ||
符號 | 說明 | 用法 |
空格 | 后代選擇器 選擇所有的后代元素 | $(“div span”). css(“background”,”red”); |
> | 子代選擇器 選擇所有的子代元素 | $(“div > span”). css(“background”,”red”) |
+ | 緊鄰選擇器 選擇緊挨著的下一個元素 | $(“div + p”). css(“background”,”red”) |
~ | 兄弟選擇器 選擇后面的所有的兄弟元素 | $(“div ~ p”). css(“background”,”red”) |
基本過濾選擇器 | ||
符號 | 說明 | 用法 |
:eq(index) | index是從0開始的一個數字，選擇序號為index的元素。選擇第一個匹配的元素。 | $(“li:eq(1)”). css(“background”,”red”) |
:gt(index) | Index 是從0開始的一個數字，選擇序號大于index的元素 | $(“li:gt(2)”). css(“background”,”red”) |
:lt(index) | Index是從0開始的一個數字，選擇小于index 的元素 | $(“li:lt(2)”). css(“background”,”red”) |
:odd | 選擇所有序號為奇數行的元素 | $(“li:odd”). css(“background”,”red”) |
:even | 選擇所有序號為偶數的元素 | $(“li:even”). css(“background”,”red”) |
:first | 選擇匹配第一個元素 | $(“li:first”). css(“background”,”red”) |
:last | 選擇匹配的最后一個元素 | $(“li:last”). css(“background”,”red”) |
屬性選擇器 | ||
符號 | 說明 | 用法 |
$(“a[href]”) | 選擇所有包含href屬性的元素 | $(“a[href]”). css(“background”,”red”) |
$(“a[href=’itcast’]”) | 選擇href屬性值為itcast的所有a標簽 | $(“a[href=’itcast’]”). css(“background”,”red”) |
$(“a[href!=’baidu’]”) | 選擇所有href屬性不等baidu的所有元素，包括沒有href的元素 | $(“a[href!=’baidu’]”). css(“background”,”red”) |
$(“a[href^=’web’]”) | 選擇所有以web開頭的元素 | $(“a[href^=’web’]”). css(“background”,”red”) |
$(“a[href$=’cn’]”) | 選擇所有以cn結尾的元素 | $(“a[href$=’cn’]”). css(“background”,”red”) |
$(“a[href*=’i’]”) | 選擇所有包含i這個字符的元素，可以是中英文 | $(“a[href*=’i’]”). css(“background”,”red”) |
$(“a[href][title=’我’]”) | 選擇所有符合指定屬性規則的元素，都符合才會被選中。 | $(“a[href][title=’我’]”). css(“background”,”red”) |
三、JQ對象與DOM對象互轉
3.1 JQ對象轉DOM對象
方式一：$("#btn")[0]
方式二：$("#btn").get(0)
3.2 DOM對象轉換成jQuery對象
var btn = doucument.getElementById("btn");
btn->$(btn);???????
四、樣式操作
4.1 例子
$("div").css("background","pink");
$("div").css({"background":"pink",
"color":"white"});
$("div").addClass("color-red");
$("div").removeClass("color-red");
$("div").toggleClass("color-red");//切換樣式
var fontsize = $("li").css("font-size");//得到樣式
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
