侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

jQuery/javascript细小概念学习

2023-12-10 星期日 / 0 评论 / 0 点赞 / 21 阅读 / 2276 字

这里罗列一些jQuery的细小知识点,如javascript面向对象编程理解,$.extend, $.data等 0. javascript面向对象编程理解 关于javascript面向对象编程理解

这里罗列一些jQuery的细小知识点,如javascript面向对象编程理解,$.extend, $.data等


0. javascript面向对象编程理解

关于javascript面向对象编程理解,阮一峰在其4篇博客针对“封装”,“构造函数的继承”,“非构造函数的继承”,“继承机制的设计思想”中进行了解说,非常容易懂。


1. $.extend

jQuery的extend方法是在写jQuery插件过程中常用的方法,该方法有一些重载模型,详见这里


2. $.data

data方法用来向被选元素附加数据,或者从被选元素获取数据,详见这里


3. $.fn

$.fn = $.prototype{

    init: function(){},

    ....

}


4. $.expr[:]

可以结合$.extend和$.expr[:]来构建自己的伪类选择器,如jquery.validataion中实例:

// Custom selectors
$.extend( $.expr[ ":" ], {
    // http://jqueryvalidation.org/blank-selector/
    blank: function( a ) {
        return !$.trim( "" + $( a ).val() );
    },
    // http://jqueryvalidation.org/filled-selector/
    filled: function( a ) {
        return !!$.trim( "" + $( a ).val() );
    },
    // http://jqueryvalidation.org/unchecked-selector/
    unchecked: function( a ) {
        return !$( a ).prop( "checked" );
    }
});

5. $.trim

$.trim方法用来去掉字符串中前后空格

$.trim('  I love China     ');  // return 'I love China';


6. == vs ===[stackoverflow]

==:equal operator

====:identity operator

==在比较过程中会将两个不同类型的变量转换成相同类型然后进行比较,===则不会进行类型转换;

如果==和===两端要比较的对象是相同类型的则可以认为==和===没有区别。



广告 广告

评论区