5-26 --- 5-28

1     var s = null;

     alert(typeof(s))       // object


2  jquery中    attr  和 prop  的区别

  attr设置的属性主要体现在页面上,prop设置的属性主要体现在内存上

  对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。

 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

< a href="http://www.baidu.com"target="_self"class="btn">百度

      这个例子里元素的DOM属性有“href、target和class",这些属性就是元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。

<  a  href="#"id="link1"action="delete">删除

      这个例子里元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action”属性是我们自己自定义上去的,元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。

再举一个例子:

< inputid="chk1"type="checkbox"/>是否可见

< inputid="chk2"type="checkbox"checked="checked"/>是否可见

像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。

$("#chk1").prop("checked") ==false$("#chk2").prop("checked") ==true

如果上面使用attr方法,则会出现:

$("#chk1").attr("checked") ==undefined

$("#chk2").attr("checked") == "checked"

3    null == undefine   //  true

      null === undefine  // false

4     标题标签不能继承文字大小

5      闭包问题


  var elem =document.getElementsByTagName('div');// 如果页面上有5个div

for(  var i =0; i < elem.length; i++) {    

                elem[i].onclick =function () {      

                     alert(i);// 总是5

                  };

}

上方是一个很常见闭包问题,点击任何div弹出的值总是5,因为当你触发点击事件的时候i的值早已是5,可以用下面方式解决:

var elem =document.getElementsByTagName('div');// 如果页面上有5个div


for(var i =0; i < elem.length; i++) { 


   (function (w) {        elem[w].onclick =function () {           

                 alert(w);// 依次为0,1,2,3,4

          };

      })(i);

}

在绑定点击事件外部封装一个立即执行函数,并将i传入该函数即可。


6   

标签的defer="defer"属性  defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。标签的defer="defer"属性  defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。标签的defer="defer"属性  defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。

      

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 10,996评论 0 106
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,968评论 1 19
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,159评论 2 19
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,918评论 0 1
  • 加纳山脉上的红色天空下起了雨,“唰唰”地打在满树绿叶上,弥漫出清新的味道,山中深处传来哇哇的鸟叫声,凄凉而惨淡。 ...
    付西阅读 2,880评论 0 0

友情链接更多精彩内容