前端HTML经验总结

一博一言

已于 2023-02-02 11:47:44 修改

阅读量448

点赞数

分类专栏：一言Internet 文章标签： jquery html 前端开发

于 2015-07-23 14:19:43 首次发布

本文链接：https://blog.csdn.net/androidwangboy/article/details/47021671

版权

一言Internet 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

                    
                    Div中内容垂直居中的几种方法：
 （1）、设置div的height=line-height，能保证其中的内容居中，但也会带来一些其他排版问题；
Jquery 基本事件处理：
 （1）、判断元素是否具有某个Class属性， 
      
          ( 
         
          t 
         
          h 
         
          i 
         
          s 
         
          ) 
         
          . 
         
          h 
         
          a 
         
          s 
         
          C 
         
          l 
         
          a 
         
          s 
         
          s 
         
          ( 
         
          ) 
         
          ；（ 
         
          2 
         
          ）、 
         
          c 
         
          l 
         
          i 
         
          c 
         
          k 
         
          事件原型： 
         
         (this).hasClass()； （2）、click事件原型： 
        
     (this).hasClass()；（2）、click事件原型：(“button”).click(function(){
 $(“p”).slideToggle();
 });
设置div隐藏时不占位置的几种方法：
 （1）、使用div的slideToggle/slideDown/slideUp函数来实现div的弹出和收缩间接实现不占空间的目的；
 （2）、将div隐藏时将display属性设为none，显示时重新设为block或其他样式均可；取代visibility属性；
节点DOM层级关系：
 （1）、父节点： 
      
          ( 
         
          " 
         
          t 
         
          h 
         
          i 
         
          s 
         
          " 
         
          ) 
         
          . 
         
          p 
         
          a 
         
          r 
         
          e 
         
          n 
         
          t 
         
           ( 
          
           ′ 
          
          . 
         
           p 
          
           ′ 
          
          ) 
         
          ; 
         
          （ 
         
          2 
         
          ）、兄弟节点： 
         
         ("this").parent('.p'); （2）、兄弟节点： 
        
     ("this").parent(′.p′);（2）、兄弟节点：(“this”).siblings(‘.p’);
 （3）、子节点：$(“this”).children(‘.p’);
Jquery模拟事件：
 （1）、$(“#p”).trigger(“click”);
控制输入框中输入的文本内容按照四位加一个空格的效果：
 （1）、$("#bank-card-num").keyup(function() { $(this).val($(this).val().replace(/(\d{4})(?!\s)/g, '$1 ')); });
Jquery在当前节点之前添加节点：
 （1）、var str = “”; $(this).before(str);
 （2）、var str = “”; $(var).insertBefore(this);
替换当前节点：
 （1）、$(this).replaceWith(str);
Jquery全局变量：
 （1）. Jquery全局变量的定义与使用var window.xxx=xxx；
页面刷新通过meta标签控制：
 （1）. 
 0代表刷新时间间隔，url参数可空时刷新当前页面；
如果图片资源找不到处理：
 （1）. 在标签中如果加载的图片出现404的情况，而且这个时候需要在拿不到对应的
 资源时显示默认图片，可用如下属性解决：
 <img src='xxx.jpg' onerror="javascript:this.src='xxx.jpg''' />