引入
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
一.选择器
原生
tr = document.getElementById("Id1"), // 取得ID为Id1的tr对象
inps = tr.getElementsByTagName('input'); // 从tr 对象中获取所有input对象
for(var i = 0, len = inps.length; i < len; i++) {
inps[i].value = ''; // 将每一个input的value置为空
}
Jquery
$(“#elementID”)
$(“.className”)
$(“input”)
属性选择器
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
二.方法汇总
empty() 删除匹配的元素集合中所有的子节点。
each()以每一个匹配的元素作为上下文来执行一个函数;每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素。
jQuery.each()通用例遍方法,可用于例遍对象和数组
jQuery.trim()去掉字符串起始和结尾的空格 $.trim(" hello, how are you? ");去掉字符串起始和结尾的空格。
focus()定焦或当元素获得焦点时,触发 focus 事件
清空input和textarea的值
function clearData() {
inputs = document.getElementsByTagName('input'); // 获取所有input对象
for(var i = 0, len = inputs.length; i < len; i++) {
inputs[i].value = ''; // 将每一个input的value置为空
}
textareas = document.getElementsByTagName('textarea'); // textareas
for(var i = 0, len = textareas.length; i < len; i++) {
textareas[i].value = ''; // 将每一个textareas的value置为空
}
}
设置不可编辑
$("#submitBtn").attr("disabled",true);
基本取/设值
$(“#elementID”).val()
$(“#elementID”).val()$(“#elementID”).val(“新值”)
$(“#elementID”).text()
$(“#elementID”).text(“新值”)
$(“#elementID”).html()
$(“#elementID”).html(“新值”)
$(“#elementID”).attr(“name”)
$(“#elementID”).attr(“name”,”itcast”)
通过jQuery的attr修改onclick
$("#anchor").attr('onclick', '').click(newclick);
通过jQuery控制CSS
$("#" + id).css("color","blue");
$("#" + id).attr("style","color:blue;text-align:center;margin-top:10px");