顯示隱藏,頁面搜尋,操作DOM

2022-02-18 03:53:40 字數 1618 閱讀 9030

要做乙個點選事件實現顯示隱藏的功能,效果如下圖

我用的是toggle,很簡單,**如下

1

js**

2 $("

.show span

").toggle(function(),

6function())

10html**

11class="

goods

">

1274

實現頁面搜尋

**如下

js**$("

#keyname

").keyup(function())

html**

"keyname

" type="

text

"/>

"tabless

">

姓名性別年齡

收入 王總

女222

342323

老張男13 45000

老王男13 45000

老李男13 45000

老洪男13 45000

老校男13 45000

還有滑鼠滑過實現新增元素,操作dom結構

**如下:

html**

class="

pic">

"class="

imgs

" title="

我是蘋果

"/>

9.png

"class="

imgs

" title="

我是知乎

"/>

logo.gif

"class="

imgs

" title="

"/>

js**

var x=10, y=20

;//定義顯示的座標位置$("

.imgs

").mouseover(function(e)).show("

fast

");//將新增的元素顯示

}).mouseout(function()).mousemove(function(e));

});

Dom豐富內容顯示隱藏內容

注意 元素中的 前面最好要空格 在現有元素後面插入乙個新元素需要自己寫 無法呼叫 innerafter 當script外部檔案放在head時如果用到dom方法或者文件中的元素最好用到load 因為dom還沒載入完 會出錯 多個函式賦值給load function addloadevent func ...

頁面元素隱藏和顯示

一 jquery hide 和 show 通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function show click function 語法 selector hide speed,callback selector sho...

mui 控制頁面標籤顯示隱藏

document.getelementbyid maskloader classlist.add mui hidden document.getelementbyid maskloader classlist.add mui visibility 根據監聽事件來設定隱藏還是顯示 移除隱藏屬性,則可以...