文件處理 06

2021-09-07 08:34:59 字數 2323 閱讀 9352

一: 插入操作——內部插入....標籤內部插入內容 ****追加值在後面**** 

二: 插入操作——外部插入....插入標籤 ****類似節點增加****

三: 刪除操作

四: 複製(轉殖)操作通過轉殖可以實現新增購物車

五: 替換操作

六: 包裹操作

七: 查詢操作

八: each方法

<3> prepend(content) :將content內容插入到元素的頭部

<4> prependto(content) :將匹配到內容插入到content元素的頭部

<1>after(content) :在元素的尾部插入content內容

eg: $('tr:eq(2)').after("7

8");

<2>before(content) :在元素的頭部插入content內容

<3>insertafter(content) :將匹配到的內容插入到content元素的尾部

eg:$('span').insertafter($('tr:eq(2)'));//把span標籤插入到最後一行

<4>insertbefore(content) :將匹配到的內容插入到content元素的頭部

<1> empty() :清空元素內容(但不清楚元素本身)

eg: $('span').empty();//清空span標籤的值,span標籤還在

<2> remove() :清空整個元素(包括元素及內容)

eg: $('tr:eq(1)').remove(); //清空整個元素,值和標籤都沒有了

<1>clone() :轉殖元素(但不包含事件)

<2>clone(true) :轉殖元素(包含元素本身繫結的事件)

eg:var new_tr=$('tr:eq(2)').clone();//轉殖新行

//把轉殖的行新增到tr後

$('tr:eq(2)').after(new_tr);

<1> html():實現對元素的內容替換

<2> replacewith() :實現對元素本身進行替換

文字資訊

<1> wrap() :對每個元素進行包裹

<2> wrapall() :對整個匹配元素進行統一包裹操作

<3> wrapinner() :對元素的內容進行包裹

<1> index(): 獲取物件的索引下標,從0開始............................

<2> eq(index) :通過元素的索引匹配元素,預設索引從0開始...............

<3> siblings(同級元素): 獲取所有的同級元素..........................

<4> filter(expr) :通過class進行元素過濾匹配元素

eg: alert($('li').filter('.li').html()); //過濾 首頁

<5> not(expr) :匹配不是指定選擇器元素

<6> parent([expr]) :查詢當前元素的父元素............................

eg: $('span').parent().css('backgroundcolor','red');//從兒子找到父親 ,父親只有乙個,然後加樣式

<7> children([expr]) :匹配所有子元素,裡面可以加標識(子元素)..........

eg: $('.li').children('span').html('找到span標籤,li的第二個兒子'); //從父元素找到子元素,兒子有多個,要精確查詢

<8> find(expr) :通過後代選擇器查詢元素(後代元素)......................

eg: $('.li').find('span').html('這是li的第三個兒子');//直接通過find方法找後代,更簡單,推薦使用

案例:摺疊選單

遍歷物件的三種方法: for..in for迴圈 each方法

eg:回顧for迴圈 dom物件和jquery都可以使用

for (var i=0; i < img.length; i++)

引數說明:

jquery物件中擁有多少個元素,那麼我們的callback函式就會自動執行多少次。

i:遍歷時,系統會自動將當前元素的索引下標放入變數i中,預設從0開始

item:系統會自動將當前元素的本身放入變數item中,其就是當前的dom物件

語法:物件.each(function(i,item){

alert(i);//0 1 2 3 物件的索引

alert($(item).attr(屬性)); //每個被遍歷出來的dom物件

06 jQuery的文件操作

之前js中咱們學習了js的dom操作,也就是所謂的增刪改查dom操作。通過js的dom的操作,大家也能發現,大量的繁瑣 實現我們想要的效果。那麼jquery的文件操作的api提供了便利的方法供我們操作我們的文件。看乙個之前我們js操作dom的例子 var oul document.getelemen...

SVN 06匯入專案文件

把這個專案的文件遷入到svn server上的庫中 首先右鍵點選projectadmin目錄,這時候的右鍵選單例如以下圖看到的 選擇copy url toclipboard,就是複製統一資源定位符 url 到剪貼簿中 https kj ap01.中國.corpnet 8443 svn project...

文件處理 替換

將所有匹配的元素替換成指定的html或dom元素。content 用於將匹配元素替換掉的內容。如果這裡傳遞乙個函式進來的話,函式返回值必須是html字串。fn 返回thml字串,用來替換的內容。描述 把所有的段落標記替換成加粗的標記。html hello cruel world jquery p r...