1. 程式人生 > >jQuery學習筆記——jQuery判斷元素是否存在於陣列,trim()去除字串兩端空白字元

jQuery學習筆記——jQuery判斷元素是否存在於陣列,trim()去除字串兩端空白字元

jQuery中查詢陣列中的索引inArray

在PHP有in_array()判斷某個元素是否存在陣列中,JavaScript卻沒有,但是jQuery封裝了inArray()函式判斷元素是否存在陣列中。注意了:在ECMAScript5已經有資料的indexOf方法支援了,但是jQuery保持了版本向下相容,所以封裝了一個inArray方法

jQuery.inArray()函式用於在陣列中搜索指定的值,並返回其索引值。如果陣列中不存在該值,則返回 -1。

語法:

jQuery.inArray( value, array ,[ fromIndex ] )

用法非常簡單,傳遞一個檢測的目標值,然後傳遞原始的陣列,可以通過fromIndex規定查詢的起始值,預設陣列是0開始

例如:在陣列中查詢值是5的索引

$.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引:4

注意:

如果要判斷陣列中是否存在指定值,你需要通過該函式的返回值不等於(或大於)-1來進行判斷

jQuery中去除空格神器trim方法

頁面中,通過input可以獲取使用者的輸入值,例如常見的登入資訊的提交處理。使用者的輸入不一定是標準的,輸入一段密碼:’ 1123456 “,注意了: 密碼的前後會留空,這可能是使用者的無心的行為,但是密碼確實又沒錯,針對這樣的行為,開發者應該要判斷輸入值的前後是否有空白符、換行符、製表符這樣明顯的無意義的輸入值。

jQuery.trim()函式用於去除字串兩端的空白字元

這個函式很簡單,沒有多餘的引數用法

需要注意:

  • 移除字串開始和結尾處的所有換行符,空格(包括連續的空格)和製表符(tab)
  • 如果這些空白字元在字串中間時,它們將被保留,不會被移除

相關推薦

jQuery學習筆記——jQuery判斷元素是否存在陣列trim()去除字串兩端空白字元

jQuery中查詢陣列中的索引inArray 在PHP有in_array()判斷某個元素是否存在陣列中,JavaScript卻沒有,但是jQuery封裝了inArray()函式判斷元素是否存在陣列中。注意了:在ECMAScript5已經有資料的indexOf方

jQuery學習筆記——jQuery選擇器練習

<!-- 作者:[email protected] 時間:2017-08-12 描述:jQuery選擇器練習 --> <!DOCTYPE html> <html> <head> <meta char

jQuery學習筆記——jQuery中toggle與slideToggle以及fadeToggle的比較

jQuery中toggle與slideToggle以及fadeToggle的比較 操作元素的顯示和隱藏可以有幾種方法。 例如: 改變樣式display為none 設定位置高度為0 設定透明度為0 都能達到這個目的,並且針對這樣的處理jQuery都提供

jquery學習筆記-jquery實現無重新整理聯動

以前做聯動使用asp.net ajax控制元件做的,使用了webservice感覺挺麻煩。發現jquery很方便。 首先在頁面引入jquery.js。文字描述太麻煩了。。直接貼關鍵程式碼吧。 <script language="javascript"> $(

jQuery學習筆記-----jQuery事件名稱空間】

jQuery事件名稱空間 jQuery支援事件名稱空間,以方便事件管理。例如,在下面的示例中,為div元素繫結多個事件型別,然後使用名稱空間進行規範,從而方便管理。所謂事件名稱空間,就晨事件型別後面以點語法附加一個別名,以便引用事件,如”click.a”,其中”a”就是cl

JQuery學習筆記-刪除元素

在這裡,介紹兩種常見方法: remove():刪除被選元素及其子元素; empty():從被選元素中刪除子元素。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

JQuery學習筆記-新增元素

在這裡,介紹4個常用的方法: append():在被選元素的結尾插入內容(仍然是元素內部); prepend():在被選元素的開頭插入內容(仍然是元素內部); after():在被選元素之後插入內容; before():在被選元素之前插入內容。 <!DOCT

鋒利的JQuery學習筆記JQuery

function 效率 back 一點 ie6 容易 服務器端 pre loading   今天終於看到了最令我興奮的一章:JQuery與Ajax的應用。AJAX即“Asynchronous JavaScript and XML”(異步JavaScript和XML),

JQuery 學習筆記--01

隱藏 mat 不包含 rst 基本選擇器 多重 title back first 1. JQuery 基本選擇器 express description remarks $("#idName") id選擇器 $(".className") 類選擇器 $

jquery學習筆記(六)插件的編寫

function jquery 命名方式 一、對jQuery對象的擴展;(function($){ $.fn.extend( { fun1:abc,fun2:1bc … } )})(jQuery)二、對jQuery本身的擴展,相當於靜態方法;(function($){ $

jQuery學習筆記(三)

對象 idt 命名空間 goto div hid 右鍵 func 切換 jQuery中的事件和動畫 jquery中的事件 加載DOM 兩者等價但有細微區別 $(document).ready(function(){//編寫代碼}) 在DOM完全就緒時就可以被調用。

jQuery學習筆記(五)

加載 complete += ron 序列 border () ajaxstart 單選 jQuery與Ajax的應用 Ajax的優勢和不足 Ajax的優勢 a)不需要插件支持 b)優秀的用戶體驗 c)提高Web程序的性能 d)減輕服務器和寬帶的負擔 Ajax的不

鋒利的jQuery學習筆記jQuery選擇器

空格 attr 簡單 cap 字符串 check disable select file 在介紹jQuery選擇器之前,先簡單介紹一下CSS選擇器---> 一、CSS選擇器 常見的CSS選擇器有以下幾種: 選擇器 語法 描述 示例 標簽選擇器 E{CSS規則

第二十三篇 jQuery 學習5 添加元素

展示 頁面 script 興趣 提示 什麽 urn round wid jQuery 學習5 添加元素 同學們,這節課,使用jQuery動態添加元素,是很關鍵的一課,一般用在什麽地方呢:別人發表一篇文章,你評論樓主的時候,總不能是提交表單,到後臺的其他頁面處理,然後再刷

jQuery學習筆記

時機 學習 jquery基礎 element 彈框 eight bce 重點 inner 一、jQuery的常用方法使用示例 1 // 頁面加載之後執行 2 $(function(){ 3 // 事件的綁定方式1 4 $("#bt3").bind(

javascript學習筆記-jquery學習廣告彈出功能

javascript學習筆記-jquer項目功能:頁面加載完成後開始彈出廣告<!DOCTYPE html><html><head><meta charset="UTF-8"><title>首頁彈出廣告</title>&

jQuery學習筆記(一)

his this set 等待 例如 agg lin 不能 時機   jQuery的強大功能無需多言,其中學習的內容自然也是較多,查詢API是必經之路的,總結復習也是必不可少的,此筆記多數案例也是來自API文檔。 導入js文件   使用任意js框架,導入相關js文件

Web | jQuery學習筆記

asc 共存 led lds not str pro 傳遞 ttr jQuery 是一個 JavaScript 函數庫,將 JS 的一些功能實現封裝成了函數,極大地簡化了 JavaScript 編程。 jQuery是 John Resig 於2006年創建的一個開源項目,j

jQuery 學習筆記(3)(內容選擇器、attr方法、prop方法類的操作)

節點 lec ddc 方法 pty 全部 如果 一個 所有 內容選擇器: 1、$("div:empty"): 空的div元素 2、$("div:parent"): 非空div元素 3、$("div:contains(text)"): 包含 text 文本(指定文本)的div

jquery學習筆記分享

color jquery tro src 成才 完成 不同的 strong 聯系 入口函數 1.js的入口函數要比jquery的入口函數執行的晚一些 2.jq的入口函數會等待頁面的加載完才執行,但是不會等待圖片的加載 3.js的入口函數會等待頁面的加載完成,並且等待圖片的加