JQuery選中標籤

2021-08-28 13:22:38 字數 1730 閱讀 9446

通過原生js選中想要操作的標籤

操作物件標籤

body:

常見的選中標籤的方式:

通過id選中標籤

var div = document.getelementbyid("first")
通過queryselector方法查詢同類標籤的方式選中標籤,不過這種選中的是同類標籤中的第乙個標籤

var div = document.queryselector("div")
通過queryselectorallfangfa 查詢同類標籤的方式選中標籤,這個方法查詢的是乙個陣列,選中標籤時要新增乙個索引值

var div = document.queryselectorall("div")[0]
通過標籤名查詢標籤 這種方式找得的是乙個陣列型別的集合的所有div標籤,所以要想想選中自己想要的標籤要加上索引值

var div = document.getelementsbytagname("div")[0]
通過標籤class值來選中標籤,這種方式找到的也是乙個陣列集合,就算有乙個div也要加索引

var div = document.getelmentsbyclassname("blue")[0]
通過dom節點查詢標籤 , dom有三種節點:標籤節點、文字節點、屬性節點

childnodes方法獲取的是文字節點和子標籤節點,需要通過索引選中

var div = document.body.childnodes[1]
children方法只獲取子標籤,需要通過索引選中

var div = document.body.children[0]
jq選中標籤

首先,在使用jq時要先引入jq檔案,而且jq檔案引入要先於script**之前,否則無法識別js中的$符

通過id來找到指定的標籤

var div = $("#first")
通過類名來找到指定的標籤

var div = $(".red")
通過標籤名字來找到指定的標籤,當該標籤有多個時,返回的是乙個陣列型別的集合,要加索引

var div = $("div")[0]
找到所有同類奇數標籤

$("ul li:odd").css("background-color","greenyellow")
找到所有同類偶數標籤

$("ul li:even").css("background-color","pink)
通過偽類選中標籤:

選中第二個li標籤

$("ul li:nth-child(2)").css("background-color","red")
選中第乙個li標籤

$("ul li:first-child").css("background-color","blue")
選中最後乙個li標籤

$("ul li:last-child").css("background-color","orange")

html中標籤失效

昨天在部署個web專案時遇到了html中標籤失效問題。由於對前端了解不深困擾了許久。在使用瀏覽器無痕模式下能正常執行,更換瀏覽器也能正常執行,但是考慮到這樣的話 的健壯性太差了,就一直想解決。查詢了很多但是結果也不盡人意,嘗試過更改html不使用快取,也根據網路上有的提議說將js 移到上方去都沒有成...

中 標籤 HTML中的標籤

講一下html中檔案標籤和文字標籤的使用 目的是學會使用,所以借助工具可以省好多時間 1.檔案標籤 構成html最基本的標籤 html html文件的根標籤 head 頭標籤。用於引入html文件的一些屬性。引入外部的一些資源 title 標題標籤 body 體標籤 html5中定義該文件是html...

struts中標籤和JSTL標籤比較

struts標籤的引入指令 taglib uri prefix html taglib uri prefix bean taglib uri prefix logic jstl核心標籤的指令 taglib uri prefix c struts當中除了html標籤之外,還有bean標籤和logic標...