• 故事中美两军举行人道主义救援减灾联合实兵演练 2019-08-13
  • 掌握新思想 开拓新实践——深入贯彻落实党的十九大精神系列述评之二 2019-07-30
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 欢迎访问

    福彩3d走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    14个有用的jQuery技巧

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com 本文收集整理了14个很有用的jQuery技巧,与大家分享。1.通过方法返回Jquery对象实例。用 var someDiv = $(‘#someDiv’).hide(); 代替 var someDiv = $(‘#someDiv’); someDiv.hide();

    1.通过方法返回Jquery对象实例

    用 var someDiv = $(‘#someDiv’).hide(); 代替 var someDiv = $(‘#someDiv’); someDiv.hide();

    2.使用find来查找

    用 $(’#someDiv’).find(’p.someClass’).hide(); 代替 $(’#someDiv p.someClass’).hide();因为可以不必触发Jquery的Sizzle引擎,同时在写选择符的时候尽量让您的选择符简单同时优化最右边的选择符

    3.不要滥用$(this)

    用 $(’#someAnchor’).click(function() { alert( this.id ); }); 代替 $(’#someAnchor’).click(function() {alert($(this).attr(’id’));});

    4.ready的简写形式

    用 $(function() { }); 代替 $(document).ready(function() {});

    5.让你的代码安全

    方法1(使用noConflict)

    var j = jQuery.noConflict();
    j(’#someDiv’).hide();
    // The line below will reference some other library’s $ function.
    $(’someDiv’).style.display = ‘none’;

    方法2(传入参数Jquery)

    (function($) {
    // Within this function, $ will always refer to jQuery
    })(jQuery);

    方法3(通过ready方法)

    jQuery(document).ready(function($) {
    // $ refers to jQuery
    });

    6.简化代码

    用each代替for,使用数组保存临时变量,使用document fragment,这其实和写原生的Javascript需要注意的一样。

    7.使用Ajax的方法

    Jquery提供了get getJSON post ajax这些有用的ajax方法。

    8.访问原生的属性和方法

    比如获取元素id的方法有

    // OPTION 1 – Use jQuery
    var id = $(’#someAnchor’).attr(’id’);
    // OPTION 2 – Access the DOM element
    var id = $(’#someAnchor’)[0].id;
    // OPTION 3 – Use jQuery’s get method
    var id = $(’#someAnchor’).get(0).id;
    // OPTION 3b – Don’t pass an index to get
    anchorsArray = $(’.someAnchors’).get();
    var thirdId = anchorsArray[2].id;

    9.使用PHP来检查Ajax请求

    通过使用xhr.setRequestHeader(”X-Requested-With”, “XMLHttpRequest”); 服务器端如PHP就可以通过

    function isXhr() {
       return $_SERVER['HTTP_X_REQUESTED_WITH'] === ‘XMLHttpRequest’;
    }

    来检查是不是Ajax请求,在一些禁用Javascript的情况下可能会用到。

    10.Jquery和$的关系

    在Jquery代码的最下面,可以看到下面的代码

    window.jQuery = window.$ = jQuery; $其实就是Jquery的一个shortcut

    11.条件加载Jquery

    如果CDN没有下载到Jquery,则从本地读取。

    12.Jquery Filters

    $(’p:first’).data(’info’, ‘value’); // populates $’s data object to have something to work with
    $.extend(
    jQuery.expr[":"], {
    block: function(elem) {
    return $(elem).css(”display”) === “block”;
    },
    hasData : function(elem) {
    return !$.isEmptyObject( $(elem).data() );
    }
    }
    );
    $(”p:hasData”).text(”has data”); // grabs paras that have data attached
    $(”p:block”).text(”are block level”); // grabs only paragraphs that have a display of “block”

    注:$.expr[":"]等价于$.expr.filters。

    13.hover方法

    $(’#someElement’).hover(function() {
    //在这里可以使用toggle方法来实现滑过和滑出的效果
    });

    14.传入属性对象

    当创建一个元素的时候,Jquery1.4可以传入一个属性对象

    $(’’, {
      id : ’someId’,
      className : ’someClass’,
      href : ’somePath.html’
    });
    

    甚至是Jquery指定的属性或事件如text, click。

    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • 故事中美两军举行人道主义救援减灾联合实兵演练 2019-08-13
  • 掌握新思想 开拓新实践——深入贯彻落实党的十九大精神系列述评之二 2019-07-30
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 为什么年终奖多发一元 北京赛车pk10心态问题 棋牌通比牛牛 pc蛋蛋外围微信 十三水牌技 彩经网双色球走势图 双色球复式102多少钱 必胜时时彩软件 内蒙古快三预测三遗漏 广东36选7走势图表 千手观音 双色球中1胆没中蓝球 中超足球游戏 北京快乐8开奖总和走势 11选5规律