jq获取元素

最新推荐文章于 2024-11-05 22:07:06 发布
最新推荐文章于 2024-11-05 22:07:06 发布
阅读量427 收藏 7
点赞数 10
分类专栏： js 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42307546/article/details/136588797
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery.min.js"></script>
</head>
<body>
    <!-- <div id="tip">今天天气很好</div> -->
    
    <ul>
        <li>今天</li>
        <li>明天</li>
        <li>后天</li>
        <li>晴天</li>
        <li>下雨</li>
    </ul>
    
    
    <script>
    //   //原生
    //   console.log(document.getElementById("tip").innerText);
    //   //jq
    //   console.log($("#tip").text())

    //   console.log($("#tip")[0].innerText)
    //   var OK="ADF"
    //   $("#tip").html("<div>"+OK+"</div>")

    console.log($("li:eq(1)")[0])
    //原生
    //$("li:eq(1)")[0].style.color="red";
    //jq
    // $("li:eq(1)").css({"color":"red","background-color":'blue'}).hide();
    //奇数的背景变蓝色，偶数背景变红色
    
    $("li:odd").css("background-color","blue")
    $("li:even").css("background-color","red")

    </script>
</body>
</html>
qq_42307546
关注
专栏目录
jq获取元素css属性,如何使用jQuery获取所有元素CSS属性的列表？
weixin_28732953的博客
08-03 1016
小编典典从SO1004475复制源-jQueryCSS插件可返回元素的计算样式以伪克隆该元素？-如果您觉得有用，请点击链接并在那里进行评论。看起来很荒谬，但这可能是您最好的选择- .css()不带任何参数的情况下，使用所有这些东西设置对象。jQuery.fn.css = (function(css2) {return function() {if (arguments.length) { retu...
jq 获取元素
哈哈绝的博客
11-16 722
jq获取元素方式
jq 获取元素的尺寸
哈哈绝的博客
11-20 760
jq 获取元素的尺寸
jQ获取元素 的 属性
weixin_45195254的博客
11-01 1380
prop() element.prop(“属性名”) 获取元素固有属性 $("a").prop("href"); attr() element.attr(“属性名”) 获取元素自定义属性 $("div").attr("index"); data() 数据缓存，这个里面的数据是存放在元素里的内存里面，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除。 $("span").data("uname","andy"); ...
jq获取元素距顶部距离
w15228212327_cc的博客
12-22 1426
//元素到文档顶部距离 $('element').offset().top; //当前窗口滚动条的高度 $(window).scrollTop();
jq获取元素位置
香蕉你个芭呐呐的博客
04-11 4199
jquery获取当前元素的坐标 1，获取对象 var obj = $("#id号"); 或  var obj = $(this); 实例中我获取的对象是弹出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。    2，获取对象元素的位置(offset()方法)    var offset = obj.offs 获取对象元素的位置(position()方法)    获取元素宽高
jq 获取元素距离及窗口高度
ITLISHUANG的博客
11-05 2245
写在前：获取元素到顶部的距离，获取当前可见高度，获取内容高度，获取滚动高度。 1.获取当前元素距离顶部距离高度。 $(".text_box").offset().top 2.当前窗口可见高度 $(window).height(); //可见高度 3.获取内容高度 $(document).height(); $(".text_box").height(); 4.滚动的高度 $(document).scrollTop(); ...
js、jq获取元素的各种方法
wjw233333的博客
09-26 2939
引言 查找元素是前端中用的非常多的方法，工作中做项目的话也会经常用到，下面就总结归纳一下js以及jq的查找元素的方法吧。 正文 一. js获取元素方法归纳 1. 通过id获取 document.getElementById('id') //根据id获取 2. 通过name获取 document.getElementByName('name') // 通过...
Jq获取元素内容的三种方式
菜鸟逆袭之路
08-08 4220
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"
jq获取元素的第一个子元素
kekemax的博客
06-18 565
var k= $(".rightdivt2").children(":first");
原生JS与JQ获取元素的区别详解
10-15
一、原生JavaScript获取元素 1. **通过元素ID获取**： 使用`document.getElementById()`方法，可以精确地找到具有特定ID的唯一元素。例如，如果我们有一个ID为`div1`的元素，可以这样获取它： ```javascript var...
jquery获取元素到屏幕四周可视距离的方法
12-10
实例如下： $(window).height();//是文档窗口高度 $("div").offset().top//是标签距离顶部高度（没有到下面的距离，比如$("div").offset().down） $("div").offset().left//是标签距离右边高度（没有到下面的距离，...
JQ 获取元素尺寸+方法的扩充篇
い南秋乱港
12-08 184
JQ获取元素尺寸 获取元素的尺寸 width(), height() 返回的是元素的宽度和高度(不包含padding, border, margin) console.log($("#div3").width(), $("#div3").height()); innerWidth(), innerHeight() 返回元素的宽度和高度(包含padding, 不包含border和margin) console.log($("#div3").innerWidth(),$("#div3").inne
JavaScript 生成二维码
qq_30049249的博客
11-02 219
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 312
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 97
vxe-grid新增空行，并且定位到空行位置。
Vue2+3
m0_73557953的博客
11-04 73
创建Vue实例 Vue指令
JavaScript数据类型- BigInt详解（处理任意大小整数的终极指南）
最新发布
cx18333的博客
11-05 380
随着ECMAScript 11（ES11）引入了BigInt，JavaScript开发者现在可以轻松地处理超出传统Number类型限制的大整数。本文全面解析了BigInt的使用方法、核心特性和限制条件，为你提供了处理大型整数数据的强大工具。从BigInt的基础用法到算术运算和比较，再到类型检查和兼容性考量，一步步的深入了解这个新的数据类型。
情怀系列国际版棋牌完整源码具备强大的多语言扩展功能，涵盖了900多款子游戏，专为全球市场的游戏开发和运营设计。
z926098的博客
11-05 122
客户端使用Cocos Creator进行跨平台开发，可以发布为App、H5网页和PC网页。这种跨平台的能力使运营商只需维护一套代码，就能同时管理多个终端。除此之外，系统还支持产品的热更新功能，大幅提升运营效率并降低成本，实现了产品层面的“降维打击”。情怀棋牌源代码的服务器端使用JAVA和Node.js开发，采用RocketMQ作为消息队列中间件，有效防止服务器堵塞、消峰。该源码包涵盖了完整的服务器端代码、服务端900款子游戏源码、客户端代码、客户端700款子游戏、管理后台代码、数据库以及热更新生成脚本等。
jq 获取元素点击事件下下标
06-09
jq 获取元素点击事件下标的方法通常有两种，一种是使用 `index()` 方法，另一种是使用 `each()` 方法。 使用 `index()` 方法获取元素点击事件下标的示例代码如下： ```html <ul id="list"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> <script> $("#list li").on("click", function() { var index = $(this).index(); // 获取当前元素在同级元素中的下标 console.log(index); }); </script> ``` 上述代码中，当 `li` 元素被点击时，会获取该元素在同级元素中的下标，通过 `console.log()` 方法将下标打印到控制台中。 使用 `each()` 方法获取元素点击事件下标的示例代码如下： ```html <ul id="list"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> <script> $("#list li").each(function(i) { $(this).on("click", function() { console.log(i); // 获取当前元素的下标 }); }); </script> ``` 上述代码中，通过 `each()` 方法遍历 `li` 元素，将每个元素的下标作为参数传递给回调函数中，当元素被点击时，通过 `console.log()` 方法获取当前元素的下标。 需要注意的是，上述代码中的 `$("#list li")` 表示选择 `id` 为 `list` 的元素下的所有 `li` 元素，如果需要选择其他元素，需要对选择器进行相应的修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值