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