博客列表 >jquery元素内容的控制方法

jquery元素内容的控制方法

梁凯达的博客
梁凯达的博客原创
2018年05月08日 21:29:33903浏览

jquery元素内容,就是指元素包括中的内容,其中基本是指文本内容。

类似<h5></h5>此类的,其中包括的内容即文本内容。

jquery中控制文本内容的常用方法有以下几个:

.text():纯文本控制(写法:$('li').text('帮这个li标签增加一段内容'))

.html():全局控制(写法:$('li').html('<b>帮这个li标签增加一段内容,但是是加粗的</b>'))

.val():表单控制(写法:$('button').eq(0).click(function(){  alert($(':text').val())}))

代码部分:

<!DOCTYPE html>

<html>

<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>

</head>

<body>

<span></span>

<br />

<button>

点击改变事件

</button>

<input type="text" name="" id="" value="" />

</body>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

$('span').html('这是啥')

// //这是html函数的写法,html函数还可以插入标签,是比较常见插入全局的方式

$('span').html('<h3>这是啥</h3>')

// //这是使用html函数插入标签的用法

$('span').text('这个其实也可以写入一点内容啦')

//

// //text方法,这个方法并不能插入标签

// $("button").click(function(){

// $(":text").val("Hello World");

  

      $('button').eq(0).click(function(){

      alert($(':text').val())

      })

    //思路:获取到button,并选中他的第一个按钮,添加点击事件,弹出输出的文本内容,方法为val获取表单的内容


</script>

</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议