基本使用

href="javascript:;"

其中javascript: 是一个伪协议。它可以让我们通过一个链接来调用javascript函数。但是由于这个函数为空，所以我们调用的就是一个空函数，并不会发生任何实质性的改变。同时可以实现a标签的点击运行。如果当页面里面的内容很多的时候，有了上下滚动条，使用href=“#"会发生跳转到页面顶部的问题。而使用href="javascript:;" 就可以避免页面的乱跳！

判断元素中是否有子类

if($(".popupBg").length>0){
              return false;
           }else{
return true;
}

jQuery siblings()函数

siblings()函数用于选取每个匹配元素的所有同辈元素(不包括自己)，并以jQuery对象的形式返回。

你还可以使用选择器来进一步缩小选取范围，筛选出符合指定选择器的元素。

jQueryObject.siblings( [ selector ] )

jQuery extend

jQuery.extend(css1,css2)为例，css1,css2 有一些属性,extend函数会把css2有而css1没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用，就会用css2的属性去覆盖css1的同名属性。css1就是最后的整和对象。或者也可以用：
var newcss = jquery.extend(css1,css2) newcss就是合并的新对象。
var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象.而且没有破坏css1的结构。


 jQuery.extend( 
{ name: “John”, location: { city: “Boston” } }, 
{ last: “Resig”, location: { state: “MA” } } 
); 
// 结果: 
// => { name: “John”, last: “Resig”, location: { state: “MA” } }

//新的更深入的 .extend() 
jQuery.extend( true, 
{ name: “John”, location: { city: “Boston” } }, 
{ last: “Resig”, location: { state: “MA” } } 
); 
// 结果 
// => { name: “John”, last: “Resig”, 
// location: { city: “Boston”, state: “MA” } }

Bootstrap

前端框架-bootstrap快速搭建简洁美观的界面

jQuery 的trigger方法

trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger(type,[data]),其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时,传递给函数的附件参数.

$(function(){
    var oTxt=$("input");//获取文本框
    oTxt.trigger("select");//自动选中文本框
     oTxt.bind("btn_click",function(){
      //自定义事件
      var txt=$(this).val();//获取自身内容
      $("#div").html(txt);//显示在页面中
})
       oTxt.trigger("btn_click");//自动触发自定义事件
})

js test()

test() 方法用于检测一个字符串是否匹配某个模式.

RegExpObject.test(string)

如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。

jQuery 遍历 - closest() 方法

closest() 方法返回被选元素的第一个祖先元素。

祖先是父、祖父、曾祖父，依此类推。

DOM 树：该方法从当前元素向上遍历，直至文档根元素的所有路径（），来查找 DOM 元素的第一个祖先元素。

该方法与 parents() 类似，都是向上遍历 DOM 树，不同点是：

closest()

从当前元素开始
沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个单一祖先
返回包含零个或一个元素的 jQuery 对象

parents()

从父元素开始
沿 DOM 树向上遍历，并返回匹配所传递的表达式的所有祖先
返回包含零个、一个或多个元素的 jQuery 对象

返回被选元素的第一个祖先元素：

$(selector).closest(filter)
返回使用 DOM context 查找的 DOM 树中的第一个祖先元素：

$(selector).closest(filter,context)

jQuery find() 方法

find() 方法返回被选元素的后代元素。

后代是子、孙、曾孙，依此类推。

DOM 树：该方法沿着 DOM 元素的后代向下遍历，直至最后一个后代的所有路径（）。如只需向下遍历 DOM 树中的单一层级（返回直接子元素），请使用 children() 方法。

注意：filter 参数在 find() 方法中是必需的，这与其他树遍历方法不同。

提示：如需返回所有的后代元素，请使用 "*" 选择器。

$(selector).find(filter)

HTML strong标签

标签和 标签一样，用于强调文本，但它强调的程度更强一些。

jQuery 遍历 - each() 方法

定义和用法
each() 方法规定为每个匹配元素规定运行的函数。

提示：返回 false 可用于及早停止循环。

语法
$(selector).each(function(index,element))