学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>jQuery>>基础教程>>

jQuery - 获取内容和属性

发布时间:2021-06-18点击:

    jQuery - 获取内容和属性

    jQuery作为精简的Javascript库,不仅具有效果等方面的精简化,同时也拥有操作 HTML 元素和属性的强大方法。

    jQuery 中非常重要的部分,就是操作 DOM 的能力。

    jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

    一、使用jQuery获取元素内容

    在jQuery向想要获取元素内容可以使用以下方法。

    1、text()方法

    text()方法获取的是指定元素的文本内容

    $("#btn").click(function(){
      alert($("#span1").text());
    });

    2、html()方法

    html() 方法获取的是指定元素的内容(包括 HTML 标记)

    $("#btn").click(function(){
      alert($("#span1").html());
    });

    3、val()方法

    val() 方法获取的是指定表单字段的值

    $("#btn").click(function(){
      alert($("#span1").val());
    });
    

    二、获取属性

    在jQuery中获取元素属性使用的是jQuery attr() 方法。

    实例说明:

    $("button").click(function(){
      alert($("#span").attr("id"));
    });
    
赞一个(0)     踩一个(0)    

相关链接