菁英职教网 I T Python

Jquery如何获取和设置元素内容?代码怎么写?

发布时间: 2022-05-28 06:00:01

Jquery如何获取和设置元素内容?代码怎么写?jQuery 具有可操作 HTML 元素和属性的方法,其中jQuery 非常重要的部分就是操作DOM,获得- text()、html() 以及 val()内容。

获取和设置元素内容学习目标:能够知道获取和设置元素内容的操作

html方法如何使用?

jquery中的html方法可以获取和设置标签的html内容。

示例代码:

<style>    .a01{        color:red;    }</style><script>    $(function(){        var $a = $("#link01");        var $input = $('#input01')        // 获取元素属性        var sId = $a.prop("id");        alert(sId);        // 设置元素属性        $a.prop({"href":"http://www.baidu.com","title":'这是去到百度的链接',"class":"a01"});        //  获取value属性        // var sValue = $input.prop("value");        // alert(sValue);        // 获取value属性使用val()方法的简写方式        var sValue = $input.val();        alert(sValue);        // 设置value值        $input.val("222222");    })</script><a id="link01">这是一个链接</a><input type="text" id="input01" value="111111">

说明:给指定标签追加html内容使用append方法

获取和设置元素小结:获取和设置元素的内容使用: html方法;给指定元素追加html内容使用: append方法。

温馨提示:
本文【Jquery如何获取和设置元素内容?代码怎么写?】由作者职教君提供。该文观点仅代表作者本人,菁英职教网系信息发布平台,仅提供信息存储空间服务,若存在侵权问题,请及时联系管理员或作者进行删除。
我们采用的作品包括内容和图片部分来源于网络用户投稿,我们不确定投稿用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的权利,请联系我站将及时删除。
内容侵权、违法和不良信息举报
Copyright @ 2024 菁英职教网 All Rights Reserved 版权所有. 七品教育网站地图xml 留求艺网站地图xml 湘ICP备17021685号