2017年12月24日 JS跟Jquery基礎
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選擇器:.