js find方法 收集js小技巧

2021-10-17 10:22:37 字數 1688 閱讀 7506

1、根據name值獲取表單中輸入框的值,表單如下:

2、jquery獲取包括當前元素在內的html:

$("#test").prop("outerhtml");
3、獲取url

/*  */

var url;

url = window.location.href; /* 獲取完整url */

url = window.location.pathname; /* 獲取檔案路徑(檔案位址)---> /test/index.html */

url = window.location.protocol; /* 獲取協議 ---> https */

url = window.location.host; /* 獲取主機位址和埠號 ---> test.com:8080 */

url = window.location.hostname; /* 獲取主機位址 --> test.com */

url = window.location.port; /* 獲取埠號 ---> 8080 */

url = window.location.hash; /* 獲取錨點(「#」後面的分段)---> #test?name=test */

url = window.location.search; /* 獲取屬性(「?」後面的分段)---> name=test */

4、判斷a鏈結是否是外鏈

var domainname = window.location.hostname

$(classname).find('a').map(function ()

})

5、在父元素裡居中

$('.parentele').find('img').each(function ()  else 

} else else

}})

6、資訊列表新增「...」

7、解決父元素設定display:none;時,子元素iframe中js獲取不到具體元素值的問題

場景:乙個下拉列表設定隱藏,滑鼠滑過其父元素時顯示,下拉列表是用iframe嵌入的,iframe中有js動態修改元素的width

問題:設定display:none;時,子元素中js獲取不到具體的width值

解決思路:

用iframe的id屬性定位

當iframe的src為其它**位址(跨域操作時)

js重新整理

jq重新整理

按需求來說,只需要滑鼠滑過下拉顯示,離開下拉隱藏,所以可以不用考慮iframe重新整理,只需考慮元素隱藏顯示即可

元素隱藏的方法(除開display:none):

opacity:0;

position/float,將元素移到可視視窗外即可

overfloat:hidden/visible

transform:scale(0)

filter:blur(0)

clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);

js 小技巧和小方法

1.字串首字母大寫 var str xiamgfafsfsfdsf fdsfsfsf str str.substring 0,1 touppercase str.substring 1 console.log str xiamgfafsfsfdsf fdsfsfsf 2.建立乙個隨機的id func...

js實用小函式收集

格式化金額 var val 212312.235423 var rex d d g val.replace d d function s,s1,s2,s3 獲取陣列指定元素的下標 array.prototype.indexof function val return 1 刪除陣列中的某個元素 arr...

office小技巧收集整理

問 我想公司logo來替換文件中的公司名稱,如何操作?1 將公司logo插入文件,ctrl x,剪下把剪貼簿中。2 ctrl h,鍵調出替換對話方塊,在 查詢內容 中輸入公司名稱,在 替換為 中輸入 c 揚抑符 小寫字母c 3 單擊 全部替換 技巧2 利用替換功能統一格式 1 找到第乙個要格式化的內...