基本使用

作者: 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))

相关文章

  • Flutter--Text/Container/Image

    Text基本使用 Container基本使用 Image基本使用

  • 基本使用

    1、 打开需要上传的文件夹执行: git init 格式化窗口 2、执行 git add . 上传文件 3、执行 ...

  • 基本使用

    href="javascript:;" 其中javascript: 是一个伪协议。它可以让我们通过一个链接来调用...

  • 基本使用

    数据库: 什么是数据库?简单来说就是存数据的。 都有什么是数据库? oracle(强大,跟金融政府打交道的,安全,...

  • 基本使用

    本文参考:https://morvanzhou.github.io/tutorials/machine-learn...

  • 6-xpath和css select基本使用

    Xpath基本使用 css select基本使用

  • MySQL语法入门(一)

    MySQL语法入门(一) 基本运算符使用 基本数学函数使用 基本字符串函数使用 基本日期时间函数使用

  • python time与datetime模块基本使用

    time模块基本使用 datetime模块基本使用

  • SQL语句基本使用

    SQL语句基本使用——增删改查 SQL语句基本使用——WHERE子句 SQL语句基本使用——AND和OR的使用 S...

  • iOS-UICollectionView基本使用

    iOS-UICollectionView基本使用 iOS-UICollectionView基本使用

网友评论

    本文标题:基本使用

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