1、html()方法

1.1、$(selector).html();

返回匹配到的元素的内部所包含的一切东西。包括html标签以及标签中含有的属性。

1.2、$(selector).html(html内容);

将匹配到的元素内部设置为指定的html内容(如果之前其内部存在内容，会被删除)，然后返回所有匹配到的元素组成数组。

2、text()方法

2.1、$(selector).text();

返回匹配到的元素内部的innerText属性，不会抱包含html标签。

2.2、$(selector).text(innerText内容);

给匹配到的元素设置文本内容，并返回匹配到的元素组成的数组。

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>jquery的dom操作</title><script src="../jquery-1.7.2.min.js"></script><style>.red{color:red;}.blue{color:blue;}</style>
</head>
<body><p title="选择你喜欢的水果" οnclick="change()">你最喜欢的水果是?</p><ul> <li title="苹果">苹果</li><li class="" title="橘子title">橘子</li><li title="菠萝">菠萝</li><li title="菠萝2">菠萝2</li><li title="菠萝3">菠萝3</li></ul>
</body>
</html>
<script> $(function(){console.log($("ul").html());console.log($("li").html());//默认输出第一个元素的内部htmlconsole.log($($("li")[1]).html());//我们想要获取匹配到的第二个元素的htmlconsole.log($("li").length);//5console.log($("li").html("html"));//会对匹配到的每一个元素进行设置console.log($("li").text());//返回所有匹配到的元素的内部innerText内容，是一个字符串console.log($("li").text("text"));//给匹配到的每一个元素进行设置innerText内容});
</script>

3、val()方法

此类方法类似于javaScript中的value属性，可以用来设置和获取元素的值。无论元素是文本框，下拉框还是单选框，他都可以返回元素的值。如果元素为多选，则可以返回一个包含选择的值的数组。

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>val()方法</title><script src="../jquery-1.7.2.min.js"></script>
</head>
<body><select name="test" id="test"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select><br><input type="radio" name="single" value="1"><input type="radio" name="single" value="2"><input type="radio" name="single" value="3"><input type="radio" name="single" value="4"><input type="radio" name="single" value="5"></body>
<script>$(function(){$("#test").val(1);$("input[name='single']").val(["1"]);//可以$("input[value='2']").attr("checked",true);//可以$("input[value='3']").prop("checked",true);//可以$("input[value='4']").prop("checked","checked");//可以$("input[value='5']").attr("checked","checked");//可以alert($("input[name='single']:checked").val());//5})
</script>
</html>

jquery中的html代码、文本以及值相关推荐

jQuery取得select选择的文本与值
jquery获取select选择的文本与值获取select : 获取select 选中的 text : $("#ddlregtype").find("option: ...
Jquery中获取选中的select的值
场景 Jquery中获取页面select选中的值. 实现页面代码: <div class="form-group"><label class="col ...
金蝶KIS专业版旗舰版如何将物料属性中的科目代码设置默认值
如何将物料属性中的科目代码设置默认值? 请按下列步骤操作: 1.打开[基础设置]→[核算项目]:2.单击[核算项目资料]列表下的[物料],单击工具条[修改]: 3.在[核算项目类别-修改]窗口,单击[ ...
jquery获取select选择的文本与值
jquery获取select选择的文本与值获取select : 获取select 选中的 text : $("#ddlregtype").find("option:se ...
jquery 中加入html代码,jquery实现动态添加html代码
先看下思导图,整体了解下,然后我们再来学习. 现在我们来看一下几段代码,然后根据这几段代码我们来学习一下如何正确的学习动态添加html. 一.html()方法 html函数的作用原理首先是移除目标元素 ...
jQuery中ajax加载文本
原文来自: http://www.sharejs.com/codes/javascript/9063 ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实 ...
K3 如何将物料属性中的科目代码设置默认值
请按下列步骤操作: 1.打开[基础设置]→[核算项目]:2.单击[核算项目资料]列表下的[物料],右击核算项目修改: 3.在[核算项目类别-修改]窗口,单击[属性维护]列表下的[存货科目代码],然后单 ...
jquery中获取复选框的值
定义一个cityId数组去接收复选框中的值: var cityId = new Array(); $.each($('input:checkbox:checked'),function(){ ...
ajax中的动态绑定,如何将事件与通过jQuery中的ajax生成的动态值绑定
iPhone 5 Iphone 4S Iphone 4 基于这些复选框将通过ajax.Here生成上述选定的值是通过AJAX生成的元素: Cover Charger Headphone Calcula ...

jquery中的html代码、文本以及值