JQ中的visible 選擇器

原創 SnowAnna 2020-07-06 14:05

好久沒用JQ了,其實之前也是簡單的瞭解了一下,實際用的卻不是很詳細

目前正在逐步的學習當中.

舉例

 

選擇 <body> 元素中每個可見的元素：

$("body :visible")

定義和用法

:visible 選擇器選取每個當前是可見的元素。

除以下幾種情況之外的元素即是可見元素：

  • 設置爲 display:none
  • type="hidden" 的表單元素
  • Width 和 height 設置爲 0
  • 隱藏的父元素（同時隱藏所有子元素）

語法

$(":visible")


發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

獲取頁面中子iframe中的元素

先說明，本人是一個菜鳥，寫學校裏的一個前端項目的時候遇到一個問題，怎麼獲取頁面中iframe中的元素，查了很多百度，都沒有成功，後來得到前輩的指點，解決了，分享給大家：     var result_win = $("【子iframe的選

跌跌撞撞的编程之路 2020-07-04 19:58:10

JQ在表格中的計算

1、同列不同行的計算 function cxlcDs() { var preo;//定義前一行 $("#datatable tr").each(function (e) { //e代表索引 從0開始 e

小虾米的成长之路 2020-07-03 16:14:26

js判斷登錄是否input的輸入值有誤後爲輸入框和所填內容設置紅色提醒

  爲增強體驗，在用戶輸入有誤時會提供一些樣式提示用戶(提示樣式有很多，不必拘泥於一種；JS代碼底部附帶綁定enter鍵函數)，比如改變輸入框的顏色： 正常效果圖： 添加樣式效果圖 HTML 、、、HTML <!-- 賬號 -

周士森 2020-07-01 19:12:56

JQ返回上一個,下一個,兄弟節點

jQuery.prev()，返回上一個兄弟節點，不是所有的兄弟節點 jQuery.next()，返回下一個兄弟節點，不是所有的兄弟節點 jQuery.siblings()，返回兄弟姐妹節點，不分前後 jQuery.parent(e

Jason Ho 2020-06-30 19:58:21

百度搜狗等搜索引擎智能提示（JSONP跨域實現自動補全搜索建議）

轉自:http://www.cnblogs.com/woider/p/5805248.html ---------------------------------------搜索引擎JSONP接口---------------

孟玉磊 2020-06-30 10:11:43

jQuery實現單擊和鼠標感應事件。

1.實現單擊事件動態交替http://www.cnblogs.com/ahthw/p/4232837.html講到了toggleClass()，對於單擊事件而言，jQuery同樣提供了動態交替的toggle()方法，這個方法接受兩個參數

孟玉磊 2020-06-30 10:11:42

如何讓img的寬高等比例(純css和js方法)

js+css+html: css .userimg{width:100%} jq $(document).ready(function(){ var width = $('.userimg').css('width'); var

qq_37880655 2020-06-29 16:51:37

數獨遊戲前端學習筆記及後續解數獨方法

學習於默課網學習視頻的整理筆記 視頻老師分享代碼庫 基於我本地已經安裝了nmp/node所以只添加了yarn 安裝yarn: npm install -g yarn 安裝成功後，查看版本號yarn --version 項目裏

qq_37880655 2020-06-29 16:51:24

JQ實現效果：鼠標滑過圖片，圖片變大

鼠標移動到圖片上，得到該圖片的大圖顯示效果 應用知識：jq的DOM操作 步驟： 1、鼠標劃入時mouseover 1）創建<div>,並設置title；刪除元素本身的title 2）將元素追加到文檔 3）爲<div>設置css，讓他顯示

鱼儿跳 2020-06-28 11:19:14

JQ實現效果：滑動隱藏&滑動顯示

<!DOCTYPE html> <html> <head> <title>CHAR 4.2.2</title> <meta charset="utf-8"/> <style type="text/css"> .content{

鱼儿跳 2020-06-28 11:19:03

JQ實現效果：奇偶行顏色不同，單項選擇和多項選擇

1、表格變色 $('tbody>tr:odd').addClass('odd'); $('tbody>tr:even').addClass('even');2、單項選擇列表radio $('tbody>tr').cli

鱼儿跳 2020-06-28 11:19:03

JQ實現效果：驗證用戶名是否爲空

如上顯示效果代碼： <!DOCTYPE html> <html> <head> <title>Char 4.1.4</title> <meta charset="utf-8"/> <style type="text/css">

鱼儿跳 2020-06-28 11:19:03

JQ實現效果：用戶名錶單驗證

步驟： 1、判斷當前失去焦點的元素是“用戶名”還是“郵箱” 2、“用戶名”，看是否小於6位，如果小於，就設置紅色提醒 3、“郵箱”，用正則表達式判斷是否符合郵箱格式，不符合就紅色字提醒，符合就用綠色字提醒 4、將文字信息<span>追加到

鱼儿跳 2020-06-28 11:19:03

JQ實現效果：點擊（or鼠標滑過）連接時顯示內容，再點擊（鼠標滑出）連接時隱藏內容

1、採用事件綁定bind() <!DOCTYPE html> <html> <head> <title>Char 4.1.2</title> <meta charset="utf-8"/> <script type="text/

鱼儿跳 2020-06-28 11:19:03

jquery validate 驗證結束時間大於開始時間

<td class="vatop rowform"> <input type="text" value="" name="start_time" id="start_time" class="txt">- <inpu

Jason Ho 2020-06-27 23:59:40