jQuery元素操作1

 元素操作
 1.2.1    高度和宽度
 $(“div”).height();        // 高度
 $(“div”).width();            // 宽度
 .height()方法和.css(“height”)的区别：
 1.    返回值不同，.height()方法返回的是 数字类型(20)，.css(“height”)返回的是字符串类型(20px)，因此.height()方法常用在参与数学计算的时候
 2.    window、document的高度可以通过.height()方法获取到，而.css(“height”)获取不到（会直接报错！）
 1.2.2    坐标值
 $(“div”).offset();            // 获取或设置坐标值
 $(“div”).position();        // 获取坐标值
 1.2.3    滚动条（滚动事件）
 $(“div”).scrollTop();        // 相对于滚动条顶部的偏移
 $(“div”).scrolllLeft();    // 相对于滚动条左部的偏移
 案例：两次跟随的广告
 案例：防腾讯固定导航栏

 1.3    数据缓存
 $(“div”).data(“index”);        // 获取数据index的值
 <div data-index=”1”></div>
 1.3.1    .data()跟.attr() 方法的区别：
     1.获取数据的时候，attr方法需要传入参数，data方法可以不传入参数，这时候获取到的是一个js对象，即使没有任何data属性。
 2. 获取到的数据类型不同，attr方法获取到的数据类型是字符串(String)，data方法获取到的是相应的类型。
 3. data方法获取到数据之后，我们使用一个对象来接收它，那么就可以直接操作(设置值或获取值)这个对象，而attr方法不可以。
     并且通过这种方式，要比.data(key,value)的方式更高效！
 4. data-attribute属性会在页面初始化的时候放到jQuery对象，被缓存起来，而attr方法不会。
 1.4    jQuery插件机制
 jQuery官网插接教程：http://learn.jquery.com/plugins/basic-plugin-creation/
 联系我们的手机
 两种方式：
     $.extend({ pluginName : function(){} });
     $.fn.extend({ pluginName : function(){} });
 自定义选择器：
 jQuery.extend(jQuery.expr[':'], {
         "class-itcast": function(ele) {
         return jQuery(ele).hasClass("itcast");
         }
 });
 $(":class-itcast").css("background","pink");

 1.4.1    常用插件介绍
 jQuery.lazyload.js
 jQuery.validate.js
 1.4.2    插件使用：
 查看API文档，了解插件的功能，提供的方法和参数。

 1.    引用jQuery
 2.    引用插件
 3.    使用插件
 1.4.3    怎么写插件
 演示jQuery.lxCfbg.js （自己的插件）
 1.5    jQueryUI
 1.5.1    使用
 1.6    jQuery事件
 1.6.1    绑定
 click/mouseenter/blur/keyup
 bind：$node.bind(“click”,function(){});
 one : $node.one(“click”,function(){});
 delegate : $node.delegate(“p”,”click”,function(){});
 on： $node.on(“click”,”p”,function(){});
 1.6.2    解绑
 unbind、undelegate
 off
 1.6.3    触发
 click    : $(“div”).click();
 trigger：触发事件，并且触发浏览器默认行为
 triggerHandler：不触发浏览器默认行为

 1.7    多库共存
 同一个页面，引入多个js库，保证它们不发生命名冲突。
 noConflict()