jquery dom this 对象 及 绑定事件

  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);