摩米校尉摩米校尉04-16 09:22

【jQuery】---基本过滤器

【前言】

最近小编正在学习jQuery的知识,总结一下最近在项目中用到的知识。

【正文】

jQuery first() 方法

first() 方法返回被选元素的首个元素。

下面的例子选取首个 <ul> 元素内部的第一个 <li> 元素:

$(document).ready(function(){
  $("ul li").first();
}); 

jQuery last() 方法

last() 方法返回被选元素的最后一个元素。

下面的例子选择最后一个 <ul> 元素中的最后一个 <li> 元素:

$(document).ready(function(){
  $("ul li").last();
});

jQuery eq() 方法

eq() 方法返回被选元素中带有指定索引号的元素。

索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

下面的例子返回带有类名 "intro" 的所有 <p> 元素:

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() 方法

not() 方法返回不匹配标准的所有元素。

提示:not() 方法与 filter() 相反。

下面的例子返回不带有类名 "intro" 的所有 <p> 元素:

$(document).ready(function(){
  $("p").not(".intro");
});

【实例】

当你的页面上动态生成的菜单(li标签)需要默认显示第一菜单功能时,这时候.first方法就非常好用。

function createDiv(obj){
	var pathName = window.localtion.pathname;
	var curfilepath = (pathName).substring(pathName.substring(1).indexOf('/')+1);
	//把数据转换成树形结构
	var _data = transform2NormalData(obj);
	if(_data.length>0){
		var fnav=$('<ul />').appendTo($('.logonav'));
		for(var i=0;i<_data.length;i++){
			var fdata=_data[i];
			var fil = $('<li>'+fdata.NAME+'</ul>').appendTo(fnav);
			fil.data("attr",fdata);
			fil.on("click",function(){
				$(this).addClass('ztNav_cl').sublings().removeClass("ztNav_cl");
				var data = $(this).data('attr');
				var ext = parseExtext(data.EXTENSTIONS);
				if(ext!="" && ext!=null){
					var func=eval(ext.func);
					if(typeof(func) == 'function'){
						func?func(data):false;
					}
				}
			});
		}

		//默认显示第一个li标签中的内容
		$('.logonav ul li:first').addClass('ztNav_cl').sublings().removeClass("ztNav_cl");
				var data = $(this).data('attr');
				var ext = parseExtext(data.EXTENSTIONS);
				if(ext!="" && ext!=null){
					var func=eval(ext.func);
					if(typeof(func) == 'function'){
						func?func(data):false;
					}
				}
	}
}

官场书屋二维码

000
评论
欢迎投稿

热搜标签

神评线程池RStudioPyinstallerNavicatMATLABEclipseARMR语言C语言FCNIpynbplustokenTensorflowword2vecRNNFasterRCNNHTTPrequestsCDNHadoopwget元字符DubboOSSDBAurllibRAC子网掩码子网划分朴素贝叶斯达观杯opencv蓝桥杯多线程IPv4IPv6VLSMOSIIP地址堆栈溢出二分查找哈希表哈希算法线程假死MYSQLJNI分布式中间件热更新同步调用异步调用异步执行JSONThinkPHPplus币scratchHystrixMQ消息队列RabbitMQ消息中间件AOPsqlserverInnoDBMODDLLTomcatAPIReactReduxOAuthStreamWebFluxNSObjecthashcodeHaproxyhttpclienthybridappSpringBoot大数据变现并行计算TeamviewerwebstormPycharmIDEAJetBrainsAjaxXpathbeautifulsoupJDK爬虫华为阿里巴巴腾讯百度滴滴美团字节跳动今日头条抖音SQL360一致性UMLReadWriteLock读写锁HTML数据解析bs4deepinGPUreactnativeRedis小米京东fiddler抓包numpy搜索引擎推荐引擎Scrapy网易搜狐负载均衡新浪ndarrayAndroid安卓iOS苹果亚马逊谷歌Chrome微软区块链软件测试架构师ACMHDU校赛单片机CNN卷积神经网络Dialog建造者模式反向代理量子编程BuildergolangJavaBeanAndroidSutido知识库知识图谱sublimeemmetVim微服务Brackets测序平台IonTorrent数据分析Unix基因检测链表单链表GradlepluginsynchronizedDialogFragmentmybatis算法一元运算符并行接口串行接口串口serial以太口以太币Csharp线性表存储结构数据结构GitLabPackageControl面试题ParallelPATReact割韭菜VueVuejsmui编程函数数据挖掘视频教程层次聚类PandasAtom文本检索少儿编程检索系统MCUProcessing数据结构RFIDARouter强引用软引用弱引用生成器人工智能创建型模式KotlinDSLA星算法A*算法强化学习马氏过程ndarrayleetcode阿里云捡尸云计算chardet抖音jupyterpysparkOpenStackhotfix蚂蚁金服继承变量构造函数scp命令程序员ShadowrocketutilsDbutils耦合vmtoolsThreadPoolsocket中台textareaACE正则表达式TokenSolr布隆过滤器布隆996马云马化腾李彦宏刘强东周鸿祎小程序雷军张一鸣王兴程维任正非李笑来源码资本红杉资本LogicmonitorSaaS高可用目标检测CIO阿博茨科技东皇太一每日优鲜用友裁员神评局编程猫记忆承载5GGA-RPN苏明哲堆栈队列董明珠torrent渡边太太余额宝gc算法B站分布式前端面试戴卫国thinkeyANR计算机编程儿童编程木易杨快手神回复最毒神评论Nodejs蔡徐坤edge方舟支付宝AWS乔布斯比尔盖茨贝索斯扎克伯格公众号敏捷开发Bittorrent三表龙门阵商务范邓潍倪大红DOSDDOS科创板纪源资本GGV源代码Lambda表达式抖音小程序元器件PCB摩尔定律IPO融资CVSIBMHDFSMapReduce川口耕介Flutter产品经理码农程序猿PMCTOCEO套接字UDP编程语言csvJVMjsondemo字符串chartjsDevOps持续交付运维HiveFlinkApache物联网DataSetNetflix数据交互JSPAPP虚函数AIOpsLDAPTkinterseleniumICOPUAListViewNotification戴卫国GridViewDataGridPopupWindowContentProvider贪心算法动态规划算法周志华比特币监督学习吴恩达半监督学习无监督学习训练样本没有免费午餐定理迁移学习概念学习归纳偏好假设空间线性模型贝叶斯六边形架构自然语言处理MinGWPthreadUIButtonCLion黑客菜鸟小白BIOCVPR合鲸资本霍中彦赵胜工业40AzureERP软件工程Web应用OpenMVG软件架构linuxbisectlsofRPCsonar代码质量管理持续集成项目管理虚拟化Mahout推荐算法hibernate搜索算法性能指标POSA视频中间件NVRPACJVM调优web性能优化DB性能优化InfluxDBzookeeper 数据库调优海思芯片何庭波CPU半导体inteloracle商汤科技代码编辑器聂云宸CSS高通开源iSCSI数组排序二叉树以太网ARPOSI分层模型TopKelasticsearch三次握手四次挥手客户端服务器希尔排序冒泡排序TensorBoard近邻传播算法APAP聚类算法JavaScript聚类算法算法JuliaIEEEregex正则小说编程ROS散列树kali散列算法Metaspace推荐系统回溯算法遍历集合迭代器全局函数锁死H5ServletWindowsequals互斥锁条件变量数据流转工业相机高效编程抓包丘成桐哈佛信号量python控制输出QtBATCAMVTChain通证公链以太坊私有链联盟链Jquery公有链无人驾驶bugArduino旋转矩阵存储引擎自学引擎引擎LayaAir开发者社区session问答社区MFC免费教程安装教程测试教程pdf电子书USB装饰器单例模式cookiemakefileluceneMyISAM存储sqldatasourcePartition分区降序索引索引数据库索引聚簇索引matlab单向HttpRunner微信微博网红内存模型JMM底层实现原理io同步异步调用机器学习异步阻塞注入攻击游戏编程小游戏手游桌游B站OpenJDK谷子帝嵌入式王志会神点评SPOSEOSGC垃圾回收代码重构代码LambdaSVG比特币pcc教程cdn局域网依赖注入类加载机制排序算法序列化构建工具闭包FPGA外包私活网站MapReduceHTML5接口接口回调解耦anchornms操作系统非极大值抑制gcc编译器静态库动态库yumcmakerpmLVM安装命令Ubuntu监控告警ELK部署软件仓库仓库软件TeamTalk二次开发devtoolsetGNUVuex桌面环境deepfakes换脸RedditMIDIH2数据库BugkuCTF代码审计源码回文数ArchLinux数素数华为软件精英挑战赛虚拟机虚拟化管理虚拟化反向传播反向传播算法ZabbixkuduimpalaVMware分区表文本情感分析意见挖掘倾向性分析kerasMaskRCNN图像增强DeepMaskSharpMaskMultiPathNetredhat全栈工程师全栈yoloSSD可视化pytorch相似度算法矩阵分解svd奇异值分解mavenALS徐刚博士热修复插件化SSMRecyclerViewcheckBox购物车ijkplayerionicDagger2junitOkhttpRecyclerRecyclerView生成式对抗网络Docker深度学习LaTeXcaffejmeterSDKchmodRWX面试JoomlaCMSTinyOSGitGitHubCentOSXshellgormWebSocketRaft神评论共识算法vectorJAVAOOObeliskUTXOGo语言POWPaxosPBFTSpark

聊骚我们

神评微信公众号 关注神评公众号