900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery基本过滤选择器使用介绍【jquery】

jQuery基本过滤选择器使用介绍【jquery】

时间:2020-09-11 22:57:38

相关推荐

jQuery基本过滤选择器使用介绍【jquery】

web前端|js教程

jQuery,过滤,选择器

web前端-js教程

div css 源码,vscode选择相同字,ubuntu无法apt,iis与tomcat集群,core爬虫,php global作用,邢台抖音seo方案,免费企业手机网站模板免费下载,个人模板源码免费下载lzw

<!--

1.简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中使用最广泛的一种

jQuery选择器详解

根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种

-->

使用jQuery基本过滤选择器

<!--使用jQuery基本过滤选择器选择元素:在页面中,设置一个

标记用户显示主题,创建标记并在其中放置四个,再创建一个标记,用于执行动画效果。通过简单过滤选择器获取元素,将选中的元素改变其类名称,从而突出其被选中的状态-->

body{font-size:12px;text-align:center;}

div{width:240px;height:83px;border:solid 1px #eee}

he{font-size:13px;}

ul{list-style-type:none;padding:0px}

.DefClass,.NotClass{height:23px;width:60px;line-height:23px;float:left;border-top:solid 1px #eee;border-bottom:solid 1px #eee}

.GetFocus{width:58px;border:solid 1px #666;background-color:#eee}

#spnMove{width:234px;height:23px;line-height:23px;}

$(function () { //增加第一个元素的类别

$(li:first).addClass(GetFocus);

})

$(function () { //增加最后一个元素的类别

$(li:last).addClass(GetFocus);

})

$(function () { //增加去除所有与给定选择器匹配的元素类别

$(li:not(.NotClass)).addClass(GetFocus);

})

$(function () { //增加所有索引值为偶数的元素类别,从0开始计数

$(li:even).addClass(GetFocus);

})

$(function () { //增加所有索引值为奇数的元素类别,从0开始计数

$(li:odd).addClass(GetFocus);

})

$(function () { //增加一个给定索引值的元素类别,从0开始计数

$(li:eq(1)).addClass(GetFocus);

})

$(function () { //增加所有大于给定索引值的元素类别,从0开始计数

$(li:gt(1)).addClass(GetFocus);

})

$(function () { //增加所有小于给定索引值的元素类别,从0开始计数

$(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);

}

基本过滤选择器

Item 0

Item 1

Item 2

Item 3

Span Move

易语言论坛登录源码,vscode插件获取扩展出错,ubuntu 系统位数,本机ip连不上tomcat,sqlite与iis,手机网页设计标准,ad主域损坏后无法删除主域服务器,jquery自动轮播插件,js框架和前端框架,r书评爬虫,php 邀请码,seo排版,springboot传空值,网站克隆程序,网页黑客代码,简洁汽车配件网站模板,dede后台修改密码,页面弹框,考勤管理系统java,web平台安装程序 下载lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。