1. 程式人生 > >2017年12月24日 JS跟Jquery基礎

2017年12月24日 JS跟Jquery基礎

lan oca 關系運算符 urn eva 內聯 pen ima before

js基礎

alert();
confirm();

基礎語法:與C#一致
數據類型及類型轉換
var (string,decimal)
parseInt()
parseFloat();
isNaN();

運算符:
數學運算符:+ - * / ++ -- %
關系運算符:== != >= <= > <
邏輯運算符:&& || !
其他運算符:+= -= *= /= ?:

語句
分支語句,循環語句

數組:Array();
函數:function
funciton 函數名(a)
{
return ??;
}

Dom操作
var a =document.getElementById();
var b =document.getElementsByClassName();
document.getElementsByName();
document.getElementsByTagName();

window.open(‘‘,‘_blank‘);
window.close();
window.opener - 返回的是一個窗口對象
window.setInterval(function(){},2000);
window.setTimeout(funciton(){},2000);
window.clearInterval();
window.scrollTo(x,y);

window.history.go(-1);

window.location.href="url"; - 當前頁面跳轉
var a = window.location.href; - 獲取當前頁面地址

操作元素的樣式
a.style.backgroundColor = "red";
a.style.width="10px";

a.offsetTop/Left/Width/Height - 實時數據

操作元素的內容
表單元素 - value
非表單元素 - innerHTML innerText

操作元素的屬性
setAttribute(‘‘,‘‘);
getAttribute(‘‘);
removeAttribute(‘‘);

創建及刪除元素
對象.innerHTML= "標記拼好的字符串";
-----------------
var a = document.createElement(‘div‘);
a.setAttribute(‘class‘, ‘div2‘);
document.getElementById(‘div1‘).appendChild(a);
-----------------
對象.parentNode.removeChild(對象);

獲取相關元素
獲取對象父級
對象.parentNode
獲取對象子級
對象.childNodes
獲取哥哥
對象.previousSibling - 註意!!!
或取弟弟
對象.nextsibling - !!!

字符串操作 數學操作

時間日期

onclick
onmouseover/onmouseout
onfocus/onblur
onkeyup
ondblclick

jquery基礎

什麽是jquery?

基於js的框架.

ID選擇器:#

class選擇器:.