//目前正在学习前端阶段,把知识点整理、保存下来以便日后查看
首先引入jQery:
需要先引入css,再引入js;
jQery需要在js前引入,再引入框架,最后才是js的引入;css也相同,先引入框架,在引入css;
获取元素:
js:document.getElementsBy__ id classname tagname name
jQery:$("选择器") $("选择器").eq(下标) 【注:获取的元素除id外,基本都是数组】;
操作内容:
jsDom.innerHTML=赋值 jsDom.value
jQDom.html("赋值") jQDom.val()
操作样式:
jsDom.style.color="赋值"; 【注:只能操作行内样式】;
jQDom.css("color","#rrggbb");
jQDom.css({
"color":"#rrggbb";
"width":"100px";
});
操作属性:
jsDom.getAttribute("class"); jsDom.setAttribute("class","add"); jsDom.removeAttribute(‘class‘);
jQDom.attr("class"); jQDom.attr("class","add");
jQDom.attr({
"data":"add";
"id":"add";
});
jQDom.removeAttr(‘class‘) jqDom.addclass(‘del‘)
js找到的是js对象 jquery找到的是jquery对象
js转为jQ $(jsDom)
jQ转为js $(‘div‘)[0] $(‘div‘).get(0)
操作事件
jsDom.onClick = function(){
this
};
jqDom.click(function(){
$(this)
});