jQuery是一个JavaScript的框架,是对JavaScript的一种封装。
写法1:
$(document).ready(function(){});
写法2:
$(function(){});
这是为了防止文档在完全加载(就绪)之前运行jQuery代码(写在这里面的代码都是文档加载好之后的,就不会有获取一个还没有加载好的图片这种问题。
通过id获取元素
$("#id") 获取到的是一个JQuery对象
例如:
<div id="a">这是一个测试盒子</div>
相对该div进行操作就要写$("#a").
document.getElementById获取到的是DOM里的元素节点
常见方法
val()取值
html()获取元素内容,如果有子元素,保留标签
text()获取元素内容,如果有子元素,不包含子元素标签
addClass()增加
removeClass()删除
toggleClass()切换
例:
$("#b1").addClass("pink");
<style>.pink{background-color:pink;}</style>
css({p1:v1,p2:v2})直接设置css样式
css({“background-color”:“pink”,“color”:“green”})