1. 程式人生 > >Jquery簡單過濾選擇器(應用最廣泛的選擇器)

Jquery簡單過濾選擇器(應用最廣泛的選擇器)

(1)Jquery中簡單過濾選擇器
jquery根據某一類過濾規則進行元素匹配,書寫時以:開頭,是Jquery中應用最為廣泛的選擇器
(2)簡單過濾選擇器的基本語法
①first()或者:first 獲取第一個元素
②last()或者:last 獲取最後一個元素
③:not(selector)獲取除開給定選擇器的其他元素
④:even獲取索引為偶數的元素,索引從0開始
⑤:odd獲取索引為奇數的元素,索引從0開始
⑥:eq(index)獲取制定索引元素,從0開始
⑦:gt(index)獲取大於給定索引的元素,從0開始
⑧:lt(index)獲取小於給定索引的元素,從0開始
⑨:header獲取標題型別元素
⑩:animated獲取正在執行動畫效果的元素
(3)使用上面集中不同的過濾選擇器獲取元素

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>簡單過濾選擇器</title>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<style type="text/css">
body{
font-size:12px;
text-align:center;
}

div{
width:24px;
height:83px;
border:soild 1
px #eee
; }
h1{ font-size:13px; } ul{ list-style:none; padding:0px; } .DefClass .NotClass{ height:23px; width:60px; line-hight:23px; float:left; border-top:soild 1px #eee; border-bottom:soild 1px #eee; } .GetFocus{ width:58px; border:1px soild #666; background-color:#eee; } #spnMove{ width:238px; hight
:23px
; line-hight:23px; }
</style> <script type="text/javascript"> $(function(){//增加第一個個元素類別 $("li:first").addClass("GetFocus") }); $(function(){//增加最後一個元素類別 $("li:last").addClass("GetFocus"); }) $(function(){ //增加或者刪除與給定選擇器匹配的類別 $("li:not(.NotClass)").addClass("GetFocus"); }); $(function(){ //從0開始增加索引為偶數的元素類別 $("li:even").addClass("GetFocus"); }); /$(function(){//從1開始,增加索引為奇數的元素類別 $("li:odd").addClass("GetFocus"); }); $(function(){//給定索引增加元素類別 $("li:eq(2)").addClass("GetFocus"); }); */ /* $(function(){//給大於給定索引元素類別 $("li:gt(1)").addClass("GetFocus"); }); $(function(){//增加小於給定元素類別 $("li:lt(4)").addClass("GetFocus"); }); $(function(){//增加標題元素類別 $("div h1").css("width","238"); $(":header").addClass("GetFocus"); }); $(function(){ animateIt();//增加動畫效果元素類別 $("#spnMove:animated").addClass("GetFocus"); }); function animateIt(){ $("#spnMove").slideToggle("slow",animateIt); } </script> </head> <body> <div> <h1>基本過濾選擇器</h1> <ul> <li class="DefClass">Item 0</li> <li class="DefClass">Item 1</li> <li class="NotClass">Item 2</li> <li class="DefClass">Item 3</li> </ul> <span id="spnMove">span move</span> </div> </body> </html>

總結:
簡單過濾選擇器使用的比較多,比如說實現表格隔行變色,我們會使用:odd或者:even增加元素的樣式。:first我們可以在表頭新增樣式,:lt,:gt還有:eq多少有點用處,但是在工作中沒有用到過。:animated這個也比較少用,但是自己平時沒事的時候可以寫一點,讓自己的頁面看起來比較的靈動和富有生機。:header說實話,沒有用到過,但是技多不壓身。就寫到這裡;
關於今天:
今天又快要結束了,時間過的有點快,關於今天處理的事情還是蠻少的。也有一點收穫。
“人終其一身都要克服,自己身上的慾望和恐懼”慾望讓我們變得失去理智,讓我們沒辦法全域性思考,讓我們變得沒有方向,盲目起來。恐懼讓我們束手束腳,行為變得不自然,心裡也挺難受的。
有了問題,自己就得去解決,不然恐懼會找到你,讓你夜不能寐,飯吃不香。最近我在思考一個問題,“我看了那麼多的東西,會不會變成書呆子呢?”,我變得恐懼,看書的時候會分神,去思考這樣的問題。我想我現在已經邁出了第一步,將自己從書籍當中所收集來的資訊,在這裡我要為所欲為的寫出來。第二步在運用到生活當中,第三部再寫出來,當然我也會分享自己的故事啦。
約瑟夫,休格曼今天我和他談了為期1個小時的話,商家會利用自己的一切手段去誘惑你購買他們的商品,面對本來錢不多的我們來說,要坐懷不亂。一個美女坐在你的懷裡,不知道你們亂不亂,反正我相信自己,是會亂掉的。亂是正常的,不然心理學的三大支柱,就會崩塌掉一根。在這裡向我們偉大的奧地利心理學家弗洛伊德致敬,伴隨了我的大學,當時上大學,對於男女情愛是有一絲絲的悸動的,無疑中翻到了弗洛伊德的夢的解析,打開了對心理學的認知,基因的傳遞是我們做事的最基本的動機,還有人的大部分行為是由自己潛意識影響的。說文藝一點,就是你現在的行為,是你遇到的人,看過的書,走過的路決定的。相關野史交代,柳下惠之所以坐懷不亂,可能由於天氣太冷了,大家都穿的比較厚。做一次避免誘惑的決策,對我們來說都是要耗費我們的意志力的,尤其對於額前頁沒有受過訓練的普通人來講,更加是一種滅頂之災。那麼我們能做的,也是最簡單的,就是遠離聲色場所。商家不會為你合不合適這種商品進行任何的考慮,他們在乎的是,你會不會買,買了之後他們能賺到多少錢,那種商品他們存在積壓。所以面對誘惑的時候,思考一下,這個東西對我來說說有用沒有用,用處有多大,值得我花多少錢。
感覺今晚有點小興奮,一下子寫了那麼多,約瑟夫,休格曼是一位寫文案的大師,他會去研究商品生產的過程,並且認證研究商品,讓後找到生產過程中亮點,比如說使用了先進的技術。平時約瑟夫.休格曼也會去閱讀比如說科學美國人的雜誌,從雜誌中找出一些新奇的故事,然後儲存下來,當做自己的武器庫,遇到合適的時機再用出來。現在這樣的技術已經被大家熟知了,最簡單的看平時的新聞,各種聳人聽聞的標題,誘惑你看,而且有時候看完第一句,好奇心被吊起來了,看第二句,然後他會繼續誘惑你,讓你在不知不覺中看完整篇沒有任何價值和意義的新聞。關掉朋友圈,不去重新整理聞,可以為你的一天節約很多的時間,也可以將這些時間放在更加有意義的事情上,比如我引以為豪的終身事業,自己和自己吹牛逼。而且誘惑你的文章也是有講究的,他們會盡可能看起更加有結構和層次,每段也比較短。現在網際網路時代,人人都會上網,海量的資訊圍繞著我們,新聞的作者也知道,大家現在已經沒有耐心去看一個篇幅比較長的文章了。他們會比較的短,而且會更多的使用圖片去刺激你,就像推遲滿足感實驗中的小老鼠一樣,冒著生命危險,也要去按下那個讓自己爽一下的按鈕。
平時喜歡看美劇,前幾年看過了一部廣告狂人,男主人公太帥了,我要成為這樣的男人。將廣告製作的過程,為了製作一副標語,大家會從各個方面進行思考,引用一些比較簡單,郎朗上口的短句。這樣讓群眾更加容易記住。“今年過節不送禮。。。。”,“恆源祥。。。。”神級洗腦的廣告詞,我感覺自己就算是老年痴呆了也會,你說上半句,我都能毫不費勁的接出下半句。
而且約瑟夫.霍格曼還透露,寫廣告的人都是社會閱歷豐富的“騙子”,他們知道如何操縱人的大腦,讓人們不由自主的去購買他們的商品。在平時的生活中,要養成良好的花錢習慣,和良好的金錢配置。不是所有的錢都是要拿來花的,把錢分在不同的賬戶,有些錢可以花,但是有些錢是千萬不可以花的。買自己該買的東西,不要覺得心疼,也不能處處的扣,畢竟生活質量不能太低。人生太短,不能虧待了自己。長期低質量的生活,讓人都沒有了,勤奮工作的動力。