1. jquery 和 dom对象
jquery 对象就是 被$() 包裹的对象 获取文本内容时 使用 text()
dom对象就是 html网页 获取节点 文本时使用 textContent
2.jquery 和 dom 对象 的判断
var domObj = document.getElementById("id"); //DOM对象
var $obj = $("#id"); //jQuery对象;
转换 $(domobj) 就转换为一个 jQuery 对象了
jquery 对象转换为 dom 对象 $(domobj)[ 0 ]
3.this 对象 和 绑定事件
input type="button" id="btn" onclick="f()">
<script>
function f() {
console.log(this) 这里的this 指window对象
}
</script>
input type="button" id="btn" onclick="f(this)">
<script>
function f(a) {
console.log(a) 这里的a 指 input 标签对象 是一个dom对象 是input调用就值input
}
</script>
input type="button" id="btn">
<script>
var btn = document.getElementById("btn")
btn.onclick = function() { btn调用还是input标签
console.log(this)
}
</script>
4.jquery 选择器
选择属性的标签 $(' [name*='username'] ')
class类选择器 $(' .divname ')
id 选择器 $( '#idname ' )
设置一个儿子的属性src $( ' .divname' ).children('img').attr('src') = 'www.baidu.com';
所有儿子选择器 $( ' .divname li ' ) div下面所有的 li 标签
设置css $( '#idname ' ).css( 'border' '3px solid red ' ) 外边框 圆形 红色
5.绑定事件
$('.sendBtn').on('click', function () { 绑定click事件
});
6.javascript 绑定
<a href="javascript:refreshCode();">
function refreshCode(){
var vcode = document.getElementById("vcode");
vcode.src = "${pageContext.request.contextPath}/checkCodeServlet?time="+newDate().getTime();}
7.分页效果
一共显示 10个页码 采用前五后四 不够补齐 的思想
if(pb.totalPage < 10){ 总页码不够10页
start= 1;
end = pb.totalPage;
}else{ 总页码超过10页
start= pb.currentPage - 5 ;
end = pb.currentPage + 4 ;
2.如果前边不够5个,后边补齐10个
if(start< 1){
start= 1;
end = begin + 9;
}
3.如果后边不足4个,前边补齐10个
if(end > pb.totalPage){
end = pb.totalPage;
start= end - 9 ;
}}
8.获取当前网址参数 比如 www.baidu.com? name=wyc 传入name到这个方法 返回就是wyc
function getParameter(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = location.search.substr(1).match(reg);
if (r!=null) return (r[2]); return null;
}
9.设置属性
<a class="btn already" disabled="disabled">
$("#favorite").addClass("already");
$("#favorite").addProp("disabled",disabled);