一直学习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.

“`