基本使用

作者: Android_冯星 | 来源:发表于2018-07-26 09:18 被阅读0次

    href="javascript:;"

    <a class="logoWrap cf" href="javascript:;">
                    <img class="fl" src="Public/images/logo.png"/>              
                </a>
    

    其中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 树:该方法从当前元素向上遍历,直至文档根元素的所有路径(<html>),来查找 DOM 元素的第一个祖先元素。

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

    closest()

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

    parents()

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

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

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

    $(selector).closest(filter,context)

    jQuery find() 方法

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

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

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

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

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

    $(selector).find(filter)

    HTML strong标签

    <strong> 标签和 <em> 标签一样,用于强调文本,但它强调的程度更强一些。

    jQuery 遍历 - each() 方法

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

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

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

    相关文章

      网友评论

        本文标题:基本使用

        本文链接:https://www.haomeiwen.com/subject/zfvbpftx.html