前端学习笔记
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.
“`