jquery获取内容和属性的方法

最新推荐文章于 2022-04-25 20:34:59 发布
最新推荐文章于 2022-04-25 20:34:59 发布
阅读量80 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/LoveMarvin/p/8379743.html
版权

　　通过jquery如何捕获文本内容和属性？

　　text(),html(),val()及attr()。

　　attr()更具有普遍性，元素text属性和表单value属性，可以通过attr()操作。

　　

<!DOCTYPE html>
<html>
<head>
    <title>jquey获取内容和属性</title>
    <script type="text/javascript" src="../jquery.min.js"></script>
    <script type="text/javascript">
        // jquery拥有可操作HTML元素和属性的强大方法。

        // text()设置或返回所选元素的文本内容

        // $(function(){
        //     $('#btn1').click(function(){
        //         alert($('p').text());
        //     });
        //     $('#btn2').click(function(){
        //         alert($('p').html());
        //     })
        // })
        // html()设置或返回所选元素的内容（包括HTML标记）
        // 连同html标签一起返回

        // val()设置或返回表单字段的值
        // 获得输入字段
        // $(function(){
        //     $('button').click(function(){
        //         alert('值:'+$('input').val());
        //     })
        // })

        // attr()获取属性值
        $(function(){
            $('button').click(function(){
                alert($('input').attr('value'));
            })
        })
        // 使用attr同样可以代替val()，如此例，属性value
        // 此方法是通过属性改变
    </script>
</head>
<body>
<!--     <p>这是段落中的<b>粗体</b>文本。</p>
        <button id="btn1">显示文本</button> -->
        <!-- <button id="btn2">显示HTML</button> -->
        <p>名称：<input type="text" name="" value="菜鸟教程"></p>
        <button>点击显示</button>
</body>
</html>

 

转载于:https://www.cnblogs.com/LoveMarvin/p/8379743.html

weixin_30480583
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery事件对象的属性和方法详解
12-11
jQuery事件对象的属性和方法，供大家参考，具体内容如下 事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别 event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 e
JQuery获得内容和属性方法解析
10-15
接下来，我们讨论一下获取属性的方法： 1. **attr()** - `attr()`是jQuery中用于获取或设置元素属性值的关键方法。例如，如果你想获取一个链接的`href`属性，你可以使用`attr("href")`。在提供的示例中，当按钮被...
JQuery 常用方法和属性
昕颖一角
10-27 110
给jq 的$符号引用改为 $j 以便不与其他$符号冲突 var $j = jQuery.noConflict(); 查找 ID 为"myDiv"的元素。$("#myDiv"); 查找一个 DIV 元素。$("div"); 查找含有特殊字符的元素 &lt;span id="foo:bar"&gt;&lt;/span&gt; ---&gt; ${"#foo\\
JQuery的获得属性
singerAngel
05-22 207
需求：     功能选择' onclick="funchoose()" src="/resources/images/common/icons/blueimage/gnjssz.png" />          如何获取到title这个属性？  （1）attr() 方法设置或返回被选元素的属性值。  $('#func_choose').attr('title'); 返回得到的结
jQuery-获取内容和属性的方法
qq_42526440的博客
10-06 372
jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 提示：DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： “W3C 文档对象模型独立于平台和...
jquery常用的方法属性
pmandy的专栏
07-28 99
jQuery获取Select选择的Text和 Value(转) 2010年07月16日 星期五 下午 02:08 jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_i...
jQuery获得内容和属性方法及示例
10-26
获得内容的三个简单实用的方法text()、html() 以及 val()、获取属性的attr()方法，下面有个不错的示例，感兴趣的朋友可以参考下
jQuery HTML获取内容和属性操作实例分析
10-15
主要介绍了jQuery HTML获取内容和属性操作,结合实例形式分析了jQuery HTML获取内容和属性相关函数用法与操作注意事项,需要的朋友可以参考下
jQuery获得内容和属性示例代码
12-07
本文将详细介绍 jQuery 中用于获取内容和属性的几个关键方法：`text()`、`html()` 和 `val()`，以及 `attr()` 方法。 1. `text()` 方法： `text()` 方法主要用于设置或获取元素的文本内容，不包括任何 HTML 标签。...
jQuery 获取属性
white_with_black的博客
11-22 267
获取属性的方法 jQuery attr() 方法用于获取属性值。  可以获取id class values等属性   $(selector).attr("value") $(selector).attr("id") $(selector).attr("class")   获取属性实例   //引入jQuery文档 $
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中获取内容和属性
m0_37510446的博客
07-05 645
Jquery拥有可操作HTML元素和属性的强大方法。 常用的方法有： ** text()/设置或返沪所选元素的文本内容 html()/设置或返回所选元素的内容（相比text（）方法，支持返回btml标记） val()/返回表单字段的值（理解为value的简写） attr()/设置或返回所选属性的值** 接下来通过实际例子来实现这几个方法！ text()/设置或返沪所选元素的文本内容&h...
JQuery一些常用选择器的属性和方法
To_Be_A_Better_Me的博客
01-02 286
JQuery一些常用选择器的属性和方法 选择器 实例 选取 .class $(“.intro”) class=”intro” 的所有元素 .class,.class $(“.intro,.demo”) class 为 “intro” 或 “demo” 的所有元素 element $(“p”) 所有 < p > 元素 el1,el2,el3 $(“
浅谈jQuery属性获取
刘毅鹏的博客
09-29 2248
浅谈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 获取与设置 元素属性【一篇文章轻松拿下】
weixin_52212950的博客
04-25 5968
hello大家好呀！此篇文章带领大家熟练掌握 jQuery 的属性方面的操作，包括固有属性的获取与设置，自定义属性的获取与设置等等，走进 jQuery 的更深层次阶段 一：固有属性的设置与获取 prop 什么是固有属性？固有属性即标签本身具有的属性，例如 a 标签的 href 属性，input 标签的 type 属性，这些就叫做元素的固有属性，此版块我们要学会获取与设置其固有属性。 1.1 固有属性的获取 element.prop('属性名') <b...
JQuery中根据属性或属性值获得元素
weixin_34365417的博客
04-03 2075
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素  $("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$("&lt;span&gt;")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属
JQuery中6种根据属性或属性值获得元素获取方法
jerayc的专栏
09-12 1680
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 . 代码如下: $("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$("")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，
Jquery（二） attr()获取属性和设置属性的方法
qq_27323021的博客
09-22 1785
前言： 在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，只需要用到attr()这个函数就可以了。attr是attribute（属性）的缩写。 语法： 1、attr(“属性名”)； //获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返...
jquery当中获取某个属性值的方法
mark_to_win的专栏
03-27 1732
例 1.6（attr.html） <html> <head> <title>attr(name)方法</title> <style type="text/css"> <!-- em{ color:#0000ff; } --> </style> <script language="javascript"...
jquery获取dom属性方法
最新发布
06-09
要获取 DOM 元素的属性，可以使用 jQuery 的 attr() 方法。这个方法可以获取指定元素的指定属性的值。例如，要获取 id 为 myElement 的元素的 title 属性值，可以这样写： ```javascript var title = $('#myElement...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值