我是靠谱客的博主 眼睛大太阳,最近开发中收集的这篇文章主要介绍jquery标签的获取,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

关于jQuery的标签获取

首先我们来创建标签以及标签样式,如图所示
在这里插入图片描述
上述代码html页面效果如下图所示:
在这里插入图片描述
1.通过id来选择标签
var div = $(“#first”) 这是通过id找到的第一个div标签
var div = $(“#second”) 这是通过id找到的第二个div标签
var div = $(“#third”) 这是通过id找到的第三个div标签
2.通过类名来选择标签
var div = $(“.blue”) 这是通过class找到的以第一个div标签
var div = $(“.green”) 这是通过class找到的以第二个div标签
var div = $(“.red”) 这是通过class找到的以第三个div标签
通过标签名选择
var div = $(“div”)[index] 这是找到索引为index的div标签,index 为所要寻找的标签的 索引值
举例:var div = $(“div”)[0] 找到的就是第一个div
nth-child选择器
$(“ul li:nth-child(2)”).css(“list-style”,“none”) 选中ul下的第二个li标签 将其默认样式去除如图所示
在这里插入图片描述
$(“ul li:first-child”).css(“background-color”,“blue”)
$(“ul li:last-child”).css(“background-color”,“sandybrown”)
分别将ul标签中的第一个与最后一个li标签设置样式 如图所示
在这里插入图片描述
$(“ul li:odd”).css(“background-color”,“greenyellow”)
$(“ul li:even”).css(“background-color”,“deeppink”)
分别给ul下的li以奇偶来选择 :
在这里插入图片描述
效果如图所示:
在这里插入图片描述
综上所述:jQuery的标签获取的一些基本方法比较简单;

最后

以上就是眼睛大太阳为你收集整理的jquery标签的获取的全部内容,希望文章能够帮你解决jquery标签的获取所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部