	
trigger();



<html dir="rtl">



link 标签 -- 当在文档中声明使用外接资源(比如CSS)时使用此标签

link标签是单独出现的

属性

href -- 指定需要加载的资源(CSS文件)的地址URI

media -- 媒体类型

rel -- 指定链接类型

rev -- 指定链接类型

title -- 指定元素名称

type -- 包含内容的类型,一般使用type="text/css"



pointer-events:none

<input type="text" readonly="readonly" placeholder="test" value="name">

<input type="text" disabled="disabled" placeholder="test" value="name">

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。



clone(true)

jQuery.support.cors = true;//ajax POST跨域ie9及以下有安全提示

e.preventDefault();  //ajax submit表单按钮若不加会导致页面刷新跳转。

ajax异步生成的元素事件要在success后重新添加。



e.stopPropagation() //停止事件冒泡。



关于点击空白关闭弹窗的js写法推荐？



$(document).mouseup(function(e){

  var _con = $(' 目标区域 ');   // 设置目标区域

  if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1

    some code...   // 功能代码

  }

});

/* Mark 1 的原理：

判断点击事件发生在区域外的条件是：

1. 点击事件的对象不是目标区域本身

2. 事件对象同时也不是目标区域的子元素

*/



insertAfter()

after()

$.each



<a[^>]+>匹配用尖括号括起来的以a开头的字符串。



http://www.idangero.us/swiper/#.VfKp7_mqpBc

http://segmentfault.com/q/1010000000488770

http://segmentfault.com/q/1010000000452465

http://blog.sina.com.cn/s/blog_780a94270101kdgo.html



/help/template/dean_meizu_141003/forum/viewthread_node.htm   

$post[author]



//匹配url末尾的数字

var href=window.location.href;

var url=href.split("#");

var str1=href.match(/\#(\d+)/);

$('input[name=tpl_id]').val(str1[1]);





self.location='login.html';

location.reload();



hasClass()  返回的是布尔值

is()         根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。

has()       将匹配元素集合缩减为拥有匹配指定选择器或 DOM 元素的后代的子集。



parseInt(numString, [radix])

radix

可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。

如果没有提供，则前缀为 ‘0x’ 的字符串被当作十六进制，前缀为 ‘0’ 的字符串被当作八进制。所有其它字符串都被当作是十进制的。



$('strong', this).length === 2;





mouseup

与 click 事件不同，mouseup 事件仅需要放松按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。



.contents() 获得匹配元素集合中每个元素的子节点，包括文本和注释节点。

.contents() 和 .children() 方法类似，不同的是前者在结果 jQuery 对象中包含了文本节点以及 HTML 元素。

.contents() 方法也可以用于获得 iframe 的内容文档，前提是该 iframe 与主页面在同一个域。

$("p").contents().not("[nodeType=1]").wrap("");

$("p").contents().filter(function(){ return this.nodeType != 1; }).wrap("<b/>");



$('.container').contents().filter(function() {return this.nodeType == 3;}).wrap('<p></p>').end().filter('br').remove();



nodeType

元素类型    节点类型

元素element    1

属性attr    2

文本text    3

注释comments    8

文档document    9



.filter()



parseInt();

one();



"★★★★★☆☆☆☆☆".substring(5 - rating, 10 - rating);

"星期" + "日一二三四五六".charAt(new Date().getDay());

'星期' + '日一二三四五六'[new Date().getDay()];



replaceWith()

trigger()

document.cookie="keyofcookie=valueofcookie"



循环里面使用了选择器。这简直是性能杀手！



containerDiv = $("#contentDiv");

for(var d =0; d < TotalActions; d++)

{

  containerDiv.append("<div><span class='brilliantRunner'>" +   d + "</span></div>");

}

修改为

var myContent=[];

for(var d = 0; d < TotalActions; d++)

{

  myContent.push("<div><span class='brilliantRunner'>" + d + "</span></div>");

}

containerDiv.html(myContent.join(""));



在click事件中加个判断,比如在　div中加个class，然后click事件函数中查找有没有这个class,来决定是否执行，

一般需要使用unbind的地方就是不需要使用bind，直接使用one方式。



window.setTimeout(function(){ location.href = loginUrl; },3000); 实现3秒后跳转到登录页面。



$(selector).clone(includeEvents)

includeEvents 可选。布尔值。规定是否复制元素的所有事件处理。默认地，副本中不包含事件处理器。



css3 filter



window.urlString = "http://backend.zgl.com";



background-size:cover



type=range

type=color

type=search



white-space:nowrap;overflow:hidden;text-overflow: ellipsis;

checked="checked"

单选按钮取值    $('input[name=sex1]:checked').val();

select取值      $('#user_addr_3 option:selected').text();

        $('#dropDownId').val();

        $('#dropDownId :selected').text();

select 选择时间  $('select').change(function(){});





<select>

  <optgroup label="Swedish Cars">

    <option value ="volvo">Volvo</option>

    <option value ="saab">Saab</option>

  </optgroup>



  <optgroup label="German Cars">

    <option value ="mercedes">Mercedes</option>

    <option value ="audi">Audi</option>

  </optgroup>

</select>



Microsoft Yahei



toUTCString() 方法可根据世界时 (UTC) 把 Date 对象转换为字符串，并返回结果。



CSS 文件的@charset 只有和html需要识别文档编码之外的字符时才需要添加，，默认他们是相同的



Using @charset

As mentioned above, you should only use this when the style sheet and the calling HTML file are in different encodings.



function isWeiXin(){

    var ua = window.navigator.userAgent.toLowerCase();

    if(ua.match(/MicroMessenger/i) == 'micromessenger'){

        return true;

    }else{

        return false;

    }

}



e.keyCode == 37

e.keyCode == 39  键盘左右按键



\n alert里添加换行



-webkit-text-size-adjust:none;为什么在谷歌中不起作用？

1.只对chrome27.0 版本以下有效，27.0以上版本无效；

2.只对英文才有效，对中文无效。

在新版的chrome中，已经禁止了改属性,建议使用CSS3中的方法:

transform:scale(0.875);搜索

当使用transform:scale(0.875)时; 不仅是文字变小了，整个文字所在的容器也同时会变小。



maxlength



p元素内不能放块级元素，与CSS设置display:block/in-line无关；语义上它是表明一个段落



box-sizing: content-box;



@media (max-width: 6500px) and (min-width: 1921px)



input[type="submit"],

 input[type="reset"],

 input[type="button"],

 button {

 -webkit-appearance: none;

 }



document.title



width: calc(100% - 10px)

用于动态计算长度值。

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；



flex



<div><img src="img.png"></div>  这里如果div的line-height值较大时候图片下面会出现空白，因为图片默认是行内元素，可以设置img为block解决或者将DIV的line-height调小,或者设置vertical-align: middle;



padding margin 百分比上下 基于父元素 宽度计算



cols1 = $('#column-right, #column-left').length;



onmousewheel="return false;"



touchmove //h5事件



<!-- <div><?php echo get_language();?></div> -->     这样是错误的注释 可能导致后面的页面代码无法显示 

<div><?php /*echo get_language();*/?></div>          应该这样来注释



text-transform: uppercase;



行内样式带有important的最高优先级css属性 可以通过 js 的 attr 对其修改



判断是否为移动端

<script type="text/javascript">

        function browserRedirect() {

            var sUserAgent = navigator.userAgent.toLowerCase();

            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

            var bIsMidp = sUserAgent.match(/midp/i) == "midp";

            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

            var bIsAndroid = sUserAgent.match(/android/i) == "android";

            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

            document.writeln("您的浏览设备为：");

            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

                document.writeln("phone");

            } else {

                document.writeln("pc");

            }

        }



        browserRedirect();

</script>



判断变量是否存在

typeof(total)=='Undefined'



tabindex 



.prop() 

.attr()



@media (max-width:1199px) and (min-width: 992px){}   //and 两边的空格，缺少得话，无法生效



将大写的单词转化为首字母大写，此时“text-transform: capitalize;”并不会生效

（注意：first-letter只对块级元素生效）

.megamenu a{display:block;text-transform:lowercase;}

.megamenu a:first-letter{text-transform: uppercase;}



placeholder颜色



input::-moz-placeholder {

    color: #C5D7EF;

    opacity: 1;

}

input:-ms-input-placeholder {

    color: #C5D7EF;

}

input::-webkit-input-placeholder {

    color: #C5D7EF;

}



form表达内可以简写方式传值

data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea),

dataType: 'json',



$('form').serialize();



.prop()         

.attr()



.prevAll()

.nextAll()  



.closest()

$('.sec1').on('change', '.sec1_select1', function(){

     var active_index = $(this).closest('tr').index();

   });

});//动态添加元素获取当前模块索引

$(this) 等同于 $(evt.target)



$('[name]').length;//有name属性的元素个数



ajax success 内$(this)变为回调函数的作用域，并非点击事件对象，此时在ajax外层用 $this=$(this) 作为全局变量就可以正确操作点击对象



left right top bottom 不设置宽高 可以同时生效



弹出层显示时，设置 body{overflow:hidden;}即可阻止下层元素滚动



lorem



$('myOjbect').css('background-image', 'url("' + imageUrl + '")');



版权符号©  使用arial字体



window.optionchanged = false;



colspan

rowspan



show:__this.find(".spec_item_show").get(0).checked?"1":"0"



DOM对象才能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。

jQuery对象转成DOM对象

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);

var $v =$("#v") ; //jQuery对象

var v=$v[0]; //DOM对象



var $v=$("#v"); //jQuery对象

var v=$v.get(0); //DOM对象



DOM对象转成jQuery对象:

var v=document.getElementById("v"); //DOM对象

var $v=$(v); //jQuery对象



specs.sort(function(x,y){

    if (x.items.length > y.items.length){

        return 1;

    }

    if (x.items.length < y.items.length) {

        return -1;

    }

});



$('.del').click(function(){

  db.transaction(function(tx) {

      var val1=$(this).parent().siblings('input:eq(0)').val();   

      //两层function这里的this未定义可以在外层通过定义$this=$(this)传递到下层//  

       tx.executeSql('DELETE FROM GOODS WHERE name=?', [val1]);

    });

 });



location.search



var wrapper = $( "<div />" )

    .attr( settings.wrapperAttrs )

    .css( settings.wrapperCSS ) // ** Set CSS!

    .appendTo( settings.container );





对数组[1,3,5,7,8]求和:

var arr = [1,3,5,7,8];

var sum = eval(arr.join('+'));



encodeURIComponent()



indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。



-webkit-appearance: none;

-webkit-appearance: checkbox;

$('input[type='checkbox').prop("checked"); 

$('input[type='checkbox').is(':checked')



在XPath中，如果使用class属性来定位元素，最好使用contains函数，因为元素可能含有多个class



reverse()

test.split('').reverse().join('')



document.write = function(n) {

console.log("document.write called", n);

}



strip_tags(string,allow)；

strip_html_tags($tags,$str)；



escape（unescape）,encodeURI（decodeURI）,encodeURIComponent（decodeURIComponent）



三角形

border-left: 10px solid transparent;

border-right: 10px solid transparent;

border-bottom: 10px solid #444;



var bgimg=jQuery('.broduct_bgimg img').attr('src');

if(bgimg!=undefined){

  var url='url("'+bgimg+'")';

  jQuery('.banner-image').css({'background-image':url,'display':'block'});

}



$('.good_img').css('cssText','width:450px!important');



queue



$('#someInput').on('input', function() { 

    $(this).val() // input值变动事件

});



判断对象是否存在

if($("#id").length>0){}

if($("#id")[0]){}

if(document.getElementById("id")){}



jQuery的循环函数是each()

结束跳出循环：return false [相当于break]

结束本次循环进入下次循环：return true [相当于continue]



JSON.stringify()

JSON.parse()



slice(1)



2017/10/21

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0



以前整理

position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-right:auto;      fixed 水平居中！

</hr> 添加水平线。

去除点击高亮        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

禁止页面缩放        <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no" />

滚动回弹特效        -webkit-overflow-scrolling:touch;



表单input获得焦点后清空，未输入得话变回默认提示！

$('.spAbout_contactUs input').focus(function(){

    var defaltVal=$(this).val();

    $(this).val('');

    $(this).blur(function(){

        if($(this).val()=='')

        $(this).val(defaltVal);

    });

});

triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作，也不会产生事件冒泡。

trigger() 方法触发被选元素的指定事件类型。



onerror 事件会在文档或图像加载过程中发生错误时被触发。

onabort 事件会在图像加载被中断时发生。

onload 事件会在页面或图像加载完成后立即发生。



function $(ele){

    var ele=document.getElementById(ele);

    console.log(ele);

    return ele;

}



background: linear-gradient(to left, #1f2d5e 20%, #233162 40% , #182248 60%);  //渐变背景