JQuery使用方法一（获取元素+属性）

已于 2022-10-04 08:28:40 修改
阅读量911 收藏 1
点赞数 2
文章标签： jquery javascript 前端
于 2022-09-28 21:47:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43765641/article/details/127044020
版权

目录

一、获取元素

二、属性

一、获取元素

1、获取id名：$("#id名")

2、获取标签名：$("标签名")

3、获取class名：$(".class名")

4、后代选择器：$("div  p")等同于$("div").find("p")

5、子代选择器：$("div >p")等同于$("div").children("p")

6、获取div下第一个p标签：$("#div1 p:first")

7、获取div下第最后一个p标签：$("#div1 p:last")

8、获取div下第所有偶数p标签：$("#div1 p:even")

9、获取div下第所有奇数p标签：$("#div1 p:odd")

二、属性

1、获取属性值

attr('title')

<body>
    <div id="div1" title="cover">
        <span></span>
        <p>
            <span></span>
            <span></span>
        </p>
        <p></p>
        <p></p>
        <p></p>
    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
    console.log($("#div1").attr("title"));
</script>

2、设置属性值

 attr('title','AAAAAA')

<script>
    $("#div1").attr("title","AAAAAA")
    console.log($("#div1").attr('title'))
</script>

3、同时设置多个属性值

$("#div1").attr({
                     title: 'cover',
                     style: 'background-color: gold'
             });

4、移除属性值

removeAttr('title')

 $("#div1").removeAttr("title")

5、添加class值

addClass('title')

$("#div1").addClass("title")

6、移除class值

removeClass('title')

$("#div1").removeClass("title")
辰辰辰辰宸
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery获取选中内容及设置元素属性的方法
12-10
获取选中select ： $("#id option:selected").val(); 自定义radio: $("input[name=sex][value="+data.sex+"]").attr("checked",true); 获取radio: $("input[name='sex']:checked").val() 设置input不能编辑： $("#cashNum").attr("disabled","disabled");
jQuery实现获取元素索引值index的方法
10-21
主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下
JQuery中根据属性或属性值获得元素(6种情况获取方法)
12-03
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 代码如下: $(“p[id]”).css(“color”,”red”); 根据属性值获得元素 1.$。在jQuery 中$(“<span>”)，这个语法等同于$(document.createElement(“span”)) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下： HTML代码 代码如下: <input name=”newsletter” /> <input name=”milkman” /> <input name=”
jQuery 操作 HTML 元素和属性的方法
01-21
jQuery拥有操作 HTML 元素和属性的强大方法。 1. 获取HTML 元素的内容和属性 　　(1) 获得内容:  text()、html() 以及 val()方法 <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8/> <title>My Test JQuery</title> [removed][removed] <script ty
JQuery节点元素属性操作方法
01-19
本文实例讲述了JQuery节点元素属性操作方法。分享给大家供大家参考。具体分析如下： 在JQuery中，用attr()方法来获取和设置元素属性，removeAttr()方法来删除元素属性。 获取属性和设置属性 如果要获取p元素的属性title，那么只需要给attr()方法传递一个参数，即属性名称。 var $para = $(p); //获取<p>节点 var p_txt = $para.attr(title); //获取<p>元素节点属性title 如果要设置<p>元素的属性title的值，也可以使用同一个方法，不同的是，需要传递两个参数即属性名称和对应的值。 $(p).at
jQuery选择器 获取元素的十一种方式
最新发布
m0_74577714的博客
11-08 905
jQuery的选择器，让我为大家介绍一下吧！
深入了解jQuery的children方法
很酷的站长的博客
08-25 2321
children()方法有多种用途，并且可以通过链式调用轻松地完成多项任务。除了以上提到的方法之外，我们还可以在children()的参数中添加过滤器、使用children()来定位特定的子元素以及使用each()方法来迭代子元素等。了解和掌握children方法对于前端开发来说是非常重要的。希望本文能够为你提供有关jQuery的children()方法的详细信息。
JQuery元素获取常见用法
liwenlong_only的博客
08-04 348
1、利用标签名获取元素 $(“标签名”)2、通过ID获取元素 $(“#id_name”)3、通过 类名获取元素 $(“.className”)4、一次性获取多个元素 $(“元素名, 元素名, 元素名 ….”)5、通过指定层次关系获取元素 (“祖先子孙”)(“祖先 子孙”) (“父 > 子”) (“前+后”)(“前 + 后”) (“兄 ~ 弟”)6、根据元素的属性
JQuery 方法查询大全
freeking101的博客
02-17 2777
From：https://www.cnblogs.com/zengjie123/p/4893546.html jQuery 参考手册 - 选择器：https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp 一、核心 $ 是 jquery 类的一个别名，$() 构造一个 jquery 对象，jQuery 的核心功能都是通过这个函数实现的。 jQuery 中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。 1、 $(表..
jQuery获取某元素的上一个、下一个、父元素、子元素元素（学习笔记）
廖小生的博客
04-07 3696
jQuery获取某元素的上一个、下一个、父元素、子元素
JQuery获取元素的N种方法
热门推荐
Java仗剑走天涯
06-12 1万+
一.根据标签属性或属性值获取 二.根据标签选择器以及父子节点获取指定元素
jQuery 超实用笔记（一）- 获取元素
qq_34533266的博客
06-01 379
一、利用标签名改变格式 原生 javascript 情况下，需要改变标签中内容的属性时需要使用 document.getElementByTagName(‘标签名’) 来编写代码。 而 jQuery 方法与 CSS 相同，指定需要操作的标签名即可操控所有的标签。 <p> <span> span 标签的颜色变为红色</span> </p> $(function(){ $("span").css("color","red"); }); 二、通过
jQuery获取元素
emool的博客
12-18 7438
简单总结一下获取元素的一些方法， 可以通过jq选择器获取可以通过关系节点获取. 1.基本选择器 符号 说明 $(‘#demo’) 选择 id 为 demo 的元素 $(‘.demo’) 选择 class 为 demo 的所有元素 $(‘div’) 选择所有 div 标签元...
jQuery常用操作获取元素、元素属性操作、元素样式style和类class操作、4、节点操作、5、事件操作
zhoutao2333的博客
10-29 810
jQuery常用操作获取元素、元素属性操作、元素样式style和类class操作、4、节点操作、5、事件操作
在jquery中，可以利用children()函数和:lt() 选择器来获取前几个子元素。
weixin_44609842的博客
04-04 299
jquery获取前几个子元素的方法是什么？
浅谈jQuery属性获取
刘毅鹏的博客
09-29 2240
浅谈jQuery的属性获取 基本标签设置与基本css，附图下所示 上述代码如下图： 一、js的一些属性获取 1.var div = document.getElementById(“first”) 这时候找到第一个div 2.var divID = div.id var divID=div.getAttribute(“id”) 这是获取到第一个div的id值 3.div.id =...
Jquery 获取元素属性值
杨十八的博客
09-13 7942
获取属性 获取内置属性 获取自定义属性 prop( ‘value name’,‘value’) attr(‘value name’,‘value’) jquery中内置属性只能用来获取内置 自定义只能用来获取内置 内置属性 $('.checkall ').prop('checked')//获取值 $('.checkall ').prop('checked',true)//修改值 自定义属性 $('.checkall ').attr('indexx')//获取值 $('.checkall
jQuery 获取与设置 元素属性【一篇文章轻松拿下】
weixin_52212950的博客
04-25 5915
hello大家好呀！此篇文章带领大家熟练掌握 jQuery 的属性方面的操作，包括固有属性的获取与设置，自定义属性的获取与设置等等，走进 jQuery 的更深层次阶段 一：固有属性的设置与获取 prop 什么是固有属性？固有属性即标签本身具有的属性，例如 a 标签的 href 属性，input 标签的 type 属性，这些就叫做元素的固有属性，此版块我们要学会获取与设置其固有属性。 1.1 固有属性的获取 element.prop('属性名') <b...
jQuery笔记
m0_57202083的博客
08-25 334
1. jQuery是一个轻量级的js库，不是框架 2. jQuery实质上就是一个js文件，使用时需要引入HTML文档，先引入后使用 <head> <script src=”jquery文件的路径”></script> <script>js代码</script> </head> 3. jQuery选择器： ① 通过标签名获取元素： $(”标签名”) ②通过类名获取元素： $(”.类名”) ③通过id名获取元...
jquery获取元素的属性
07-14
在 jQuery 中，你可以使用 `.attr()` 方法来获取元素的属性值。下面是一个示例代码： ```html <div id="myDiv" data-name="John" data-age="25"></div> <script src="https://code.jquery....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值