只是jquery中的一些基本dom操作
案例1:
找到ul 第2個li,並列印出文字類
var $li=$("ul li:eq(0)");
alert($li.text())---注意申明的方式
案例2:
查詢元素屬性 在jquery中查詢元素屬性非常簡單attr(「屬性名稱」)
var $test=$("span")
alert($test.attr("title"))
注意:通過上邊的方法我們可以同步的修改屬性例如
$test.attr("title","hehe")
$test.removeattr("title")--刪除屬性的方法
關於dom建立節點
在jquery中非常簡單的可以建立節點出來
var $li_1=$("");---這樣就建立了乙個節點出來
$(html)--這其實是jquery提供的乙個工廠函式,這個函式就是將傳入的html標記符號轉換成為乙個dom物件,並將dom物件包裝成乙個jquery物件並且返回
var $li_1=$("");---只是建立乙個節點
var $li_1=$("測試");--有文字的節點
var $li_1=$("這是我的測試");---這裡新新增了屬性進去
下一步實驗我們將建立出來的節點物件新增到我們ul中,完成新增子元素的操作
案例2:
var $li_1=$("這是我的測試2");
注意和之前的區別,將某個節點追加到另外乙個節點當中去
案例3:前置追加類容
var $li_1=$("這是我的測試2");
$('ul li:eq(0)').prepend($li_1)
刪除節點
$('ul li:eq(2)').remove();
$('ul li').remove("li[title!=菠蘿]");---刪除title不等於菠蘿的元素(所有)
清空元素
$('ul').empty()
複製節點
替換節點
$li.replacewith("哈哈");---替換某個節點
("哈哈"). replaceall($li);
追加css樣式
addclass()---注意點attr("class名稱") 和addclass()的區別 刪除css樣式 removeclass()
判斷是否含有class
$('p').hasclass('high')
切換class樣式
$('p').click(function())
children()
用於取得匹配元素的子元素的集合
var $ul=$('ul').children();
alert($ul.length)
next()
用於獲得匹配元素後邊緊緊跟隨的元素
alert($('ul li:eq(0)').next().text())
prev()
用於獲得匹配元素前邊的元素
alert($('ul li:eq(1)').prev().text())
siblings()
獲得相鄰左右同輩元素的結合
alert($('ul li:eq(1)').siblings().text())
css-dom操作
alert($("p").css("color"))很簡單的操作,和屬性操作一模一樣
修改
$("p").css("color","blue")---和attr操作一模一樣
也可以一次性修改多個屬性,中間用逗號隔開就可以了
注意:
$("p").height(100)---設定元素的高度預設是px 不過現在用的最多的是em這個單位
alert($("p").height())
這裡有兩個非常重要的東西offset()--獲得元素在當前視窗的相對偏移
position()--獲得元素的position屬性
scolltop()--獲得滾動條距離頁面頂端的距離
更多操作檢視api
Excel每天乙個知識點 引用
excel的引用類似於程式設計裡邊的指標變數 不是很恰當的比喻 主要被用來做公式套用處理,類似於形參傳值。先來說幾個概念 1 位置識別符號 列 用大寫的英文本母表示,比如a,b,c,d,aa,ab.最大列16384 xfd 行 用數字表示,比如1,2,3,4,5,最大行1048576 excel20...
每天乙個MySQL知識點(更新中)
1.建立資料庫 create database db name 2.建立 create table table name id int auto increment not null primary key,name varchar 100 id 是主鍵 create table table nam...
每天乙個shell小知識(for)
在實際工作環境中,經常會遇到某項任務需要多次執行的情況,而每次執行時僅僅是處理的物件不一樣,其他命令完全相同。如 根據伺服器清單檢查各個主機的存活狀態 根據ip位址黑名單設定拒絕訪問的防火牆策略等。這樣繁瑣的重複任務時,if語句已經不能滿足需求。則我們需要for迴圈語句。使用for迴圈時,需要指定乙...