jQuery
JS框架 JS的升级版 把JS做了封装
文件后缀:.min.js min压缩版
写法:加载script 标签 src=" jquery "必须在最上面
1.找元素
$用来选取元素
根据ID找 找到的是一个对象 $("#id的名称") !!#id[0]是找html元素
根据class名找 var a =$(".class")
用class.eq()方法 取je对象
根据标签名找 $("标签名")
根据属性取 $("[name=uid]") []属性选
JS找元素 除了ID 找到的都是数组或集合
2.操作内容
非表单内容
表单内容
JS
非表单内容
a.innerText 获取或者设置文本
a.innerHTML 获取或者设置 HTML代码
表单内容
a.value 获取value值
a.value="hello";
JQ
非表单内容
a.text(); 获取方法 加参数是设置
a.html();
表单内容
a.val(); 获取 或者设置
3.操作属性
JS
a.setAttribute("text","text");设置属性
a.remoceAttribute("text");移除属性
a.getAttribute("value");获取属性
JQ
a.attr("属性名","属性值"); 设置属性
a.removeAttr("");
a.attr(""); 获取
操作属性的另一种方法 不显示但有成功
a.prop("",""); 设置属性 还可以用true false来表示 属性值
a.prop("");
a.removeprop("");
4.操作样式
JS
a.style.fontSize = "30px";
JS 没法获取内嵌或者外部样式 只能获取内联
统一操作样式
用for循环
JQ
a.css("background-color","green"); 两个参数 是设置
一个参数 是获取
统一操作 !!优势
$().css();
给一个 添加事件#ck:不在属性写 : $("#ck").click(function(){
$(this) 选取自身元素
}) 没有方法名的函数:匿名函数
在事件方法中 $(this) 选取自身元素