一直學習WEB都在速成 感覺基礎不紮實 特來記錄自己每天的學習

前端學習筆記

1.一些自己常見卻不清楚功能的DOM操作

（1） querySelector 獲取文檔中的第一個元素

如：1. 獲取文檔中 id=”demo” 的第一個元素：
document.querySelector(“#demo”);
2.獲取文檔中 class=”example” 的第一個元素:
document.querySelector(“.example”);
（2） 創建元素：document.createElement
設置屬性：setAttribute
用來設置或獲取位於對象起始和結束標籤內的HTML：innerHTML*
加入文檔：appendChild
getElementById() 方法可返回對擁有指定 ID 的第一個對象的引用。
$(“#foo”) jq 取id

jq對象無法使用任何 dom對象的任何方法 同理dom 也不能引用Jq的方法

1**. Jq 轉 dom**

    var test = $("#test1"); 取jq對象
    var test3 = test.[0];||test.get(0) 轉換爲dom
    test3.checked();

2. Dom 轉Jq

var test =  document.getElementById(test1); 獲得dom對象
    var test2 = $test2 ;  獲得Jq對象

3.JQ中判斷是否被選中

    var test = $("#test1);
    test.click(function()){
        if(is（test.is":checked"))
        alert("!");
    }

4.JQ庫衝突（JQ庫後導入）
（1）JQuery.noConflict(); 將給予其他庫之後的JQ使用JQquery進行（2）自定義快捷鍵如：Var jq = JQuery.noConflict();
（3）在內部函數使用jq
5.CSS中
標籤選擇器
ID選擇器 #
類選擇器
羣組選擇器
後代選擇器
通配符選擇器
6.含特殊符號
使用轉義字符 \
如

bb

$(“id\#b”)

bb

$(“id\[1\]”)
7

8.

“`