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)使用上面集中不同的过滤选择器获取元素


<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 1px #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 0li>
            <li class="DefClass">Item 1li>
            <li class="NotClass">Item 2li>
            <li class="DefClass">Item 3li>
        ul>
        <span id="spnMove">span movespan>
    div>
body>
html>

总结:
简单过滤选择器使用的比较多,比如说实现表格隔行变色,我们会使用:odd或者:even增加元素的样式。:first我们可以在表头添加样式,:lt,:gt还有:eq多少有点用处,但是在工作中没有用到过。:animated这个也比较少用,但是自己平时没事的时候可以写一点,让自己的页面看起来比较的灵动和富有生机。:header说实话,没有用到过,但是技多不压身。就写到这里;
关于今天:
今天又快要结束了,时间过的有点快,关于今天处理的事情还是蛮少的。也有一点收获。
“人终其一身都要克服,自己身上的欲望和恐惧”欲望让我们变得失去理智,让我们没办法全局思考,让我们变得没有方向,盲目起来。恐惧让我们束手束脚,行为变得不自然,心里也挺难受的。
有了问题,自己就得去解决,不然恐惧会找到你,让你夜不能寐,饭吃不香。最近我在思考一个问题,“我看了那么多的东西,会不会变成书呆子呢?”,我变得恐惧,看书的时候会分神,去思考这样的问题。我想我现在已经迈出了第一步,将自己从书籍当中所收集来的信息,在这里我要为所欲为的写出来。第二步在运用到生活当中,第三部再写出来,当然我也会分享自己的故事啦。
约瑟夫,休格曼今天我和他谈了为期1个小时的话,商家会利用自己的一切手段去诱惑你购买他们的商品,面对本来钱不多的我们来说,要坐怀不乱。一个美女坐在你的怀里,不知道你们乱不乱,反正我相信自己,是会乱掉的。乱是正常的,不然心理学的三大支柱,就会崩塌掉一根。在这里向我们伟大的奥地利心理学家弗洛伊德致敬,伴随了我的大学,当时上大学,对于男女情爱是有一丝丝的悸动的,无疑中翻到了弗洛伊德的梦的解析,打开了对心理学的认知,基因的传递是我们做事的最基本的动机,还有人的大部分行为是由自己潜意识影响的。说文艺一点,就是你现在的行为,是你遇到的人,看过的书,走过的路决定的。相关野史交代,柳下惠之所以坐怀不乱,可能由于天气太冷了,大家都穿的比较厚。做一次避免诱惑的决策,对我们来说都是要耗费我们的意志力的,尤其对于额前页没有受过训练的普通人来讲,更加是一种灭顶之灾。那么我们能做的,也是最简单的,就是远离声色场所。商家不会为你合不合适这种商品进行任何的考虑,他们在乎的是,你会不会买,买了之后他们能赚到多少钱,那种商品他们存在积压。所以面对诱惑的时候,思考一下,这个东西对我来说说有用没有用,用处有多大,值得我花多少钱。
感觉今晚有点小兴奋,一下子写了那么多,约瑟夫,休格曼是一位写文案的大师,他会去研究商品生产的过程,并且认证研究商品,让后找到生产过程中亮点,比如说使用了先进的技术。平时约瑟夫.休格曼也会去阅读比如说科学美国人的杂志,从杂志中找出一些新奇的故事,然后保存下来,当做自己的武器库,遇到合适的时机再用出来。现在这样的技术已经被大家熟知了,最简单的看平时的新闻,各种耸人听闻的标题,诱惑你看,而且有时候看完第一句,好奇心被吊起来了,看第二句,然后他会继续诱惑你,让你在不知不觉中看完整篇没有任何价值和意义的新闻。关掉朋友圈,不去刷新闻,可以为你的一天节约很多的时间,也可以将这些时间放在更加有意义的事情上,比如我引以为豪的终身事业,自己和自己吹牛逼。而且诱惑你的文章也是有讲究的,他们会尽可能看起更加有结构和层次,每段也比较短。现在互联网时代,人人都会上网,海量的信息围绕着我们,新闻的作者也知道,大家现在已经没有耐心去看一个篇幅比较长的文章了。他们会比较的短,而且会更多的使用图片去刺激你,就像推迟满足感实验中的小老鼠一样,冒着生命危险,也要去按下那个让自己爽一下的按钮。
平时喜欢看美剧,前几年看过了一部广告狂人,男主人公太帅了,我要成为这样的男人。将广告制作的过程,为了制作一副标语,大家会从各个方面进行思考,引用一些比较简单,郎朗上口的短句。这样让群众更加容易记住。“今年过节不送礼。。。。”,“恒源祥。。。。”神级洗脑的广告词,我感觉自己就算是老年痴呆了也会,你说上半句,我都能毫不费劲的接出下半句。
而且约瑟夫.霍格曼还透露,写广告的人都是社会阅历丰富的“骗子”,他们知道如何操纵人的大脑,让人们不由自主的去购买他们的商品。在平时的生活中,要养成良好的花钱习惯,和良好的金钱配置。不是所有的钱都是要拿来花的,把钱分在不同的账户,有些钱可以花,但是有些钱是千万不可以花的。买自己该买的东西,不要觉得心疼,也不能处处的扣,毕竟生活质量不能太低。人生太短,不能亏待了自己。长期低质量的生活,让人都没有了,勤奋工作的动力。

你可能感兴趣的:(juery)