<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>设置取值.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="../jquery-1.7.1.js"></script>
</head>
<style type="text/css">
.wid{
width: 150px ;
color: purple ;
font-weight: bold;; <!-- 粗体字 -->
}
.hei{
height: 150px;
}
.another{
font-style: italic;<!-- 斜体 -->
}
</style>
<body>
<p class="wid" title="选择你喜欢的水果"> 你喜欢的水果是?</p>
<ul style="background-color: purple">
<li title ="苹果 ">苹果</li>
<li title ="橘子 ">橘子</li>
<li title ="菠萝 ">菠萝</li>
<li title ="香蕉 ">香蕉</li>
<li title ="梨子 ">梨子</li>
</ul>
<input type="text" id = "username" value = "请输入用户名 " />
<input type="text" id = "password" value = "请输入密码 " />
<input type ="button" id ="button" value="登录 " />
<select id = "one" multiple="multiple">
<option value="1" selected="selected" > 哈哈</option>
<option value="2">呵呵 </option>
<option value="3"> 嘿嘿</option>
<option value="4" > 嘎嘎</option>
</select>
</body>
<script type="text/javascript">
//html()方法 设置值 和 取值
/* $(function(){
var p_html = $('p').html(); // html()获取<p>元素的 HTML代码
alert(p_html); //打印 <p> 元素 中的内容
$('p').html('<font color="blue">冰封蓝叶</font> ');//重新 设置 <p>元素中的内容
//设置新的内容就是添加一个新的元素 在新元素中给内容
});*/
//text()方法 设置值 和 取值
/* $(function(){
var p_text = $('p').text(); // text()获取<p>元素的 HTML代码
alert(p_text); //打印 <p> 元素 中的内容
$('p').text('冰封蓝叶');//重新 设置 <p>元素中的内容
//text()给可以直接给值 不需要重新添加新元素
})*/
//val()取值 操作
/* $('#username').focus(function(){
var getname = $(this).val(); //获取文本框中的值
//alert(getname);打印值
if(getname == this.defaultValue){ //defaultValue 默认取得文本框的类容
$(this).val("");
}
});*/
$(function(){
//$('#one').val('3'); //选择下拉框的数据
$('#one').val(['1','3']); //多选方式
});
</script>
</html>
分享到:
相关推荐
jquery设置和获取HTML,文本和值jquery设置和获取HTML,文本和值
主要介绍了jQuery如何设置和获取HTML、文本和值,需要的朋友可以参考下
主要介绍了jQuery获取标签文本内容和html内容的方法,实例分析了jQuery中text和html方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
简单易懂的JQuery魔法 html()方法 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样: var p_html = $("p").html(); //获取p元素的HTML...
jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...
XMLHttpRequest 对象和设置作为参数传递给回调函数。 -------------------------------------------------------------------------------- Attach a function to be executed whenever an AJAX request completes...
本篇文章主要是对jQuery设置与获取HTML,文本和值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
第1章. JQuery概述 2 1. Jquery基本作用 2 2. 优点 2 3. 引入JQuery 2 4. 代码风格 2 5. 其他 JavaScript 库 3 ...8. 设置和获取html,文本和值 10 9. 遍历节点 10 10. css-DOM 操作 10 第4章. jQuery的事件 12
获取节点纯文本: var text = $('#text_test').text() 这个会得到“test text techbrood co.”,也就是会把当前元素的所有节点(包含子节点)的文本读取出来。 如果只想获取主节点的文本,方法复杂点: var text =...
(3)获取select下拉框选中的文本 $("#selection option:selected").text(); 2、实现源码 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明: 首先,html属性中有两个方法,一个有参,一个无参 1. 无参html():取得第一个匹配元素的html内容。这个函数不...
本文实例讲述了jQuery操作DOM之获取表单控件的值。分享给大家供大家参考。具体分析如下: HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值了。比如,文本输人框的 value属性在DOM中的属性叫defaultValue,...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
html() text() 其中html()是为指定的元素添加html内容 text()是为指定的元素添加文本内容 两者的区别在于,text中的内容是纯文本,不会被解析为html 如果要对如下html代码进行操作 代码如下: <body> <p></p> ...
11.2.9 jQuery.unique(array) 189 11.2.10 jQuery.parseJSON(json) 189 11.3 函数操作 190 11.3.1 jQuery.noop 190 11.3.2 jQuery.proxy(function, scope) 190 11.4 测试操作 191 11.4.1 jQuery.contains(container,...
jQuery-moDateTimeField jQuery moDateTimeField从简单的“输入文本” html字段构建日期和/或时间字段。 jQuery moDateTimeField是移动友好的。快速整合下载并导入“ moDatetimeField.js”,“ moDatetimeField.css...