`
swincle
  • 浏览: 76621 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery中val,text,html,attr的区别

 
阅读更多

1.html() 
类似于javascript众的InnerHtml属性,可以用来读取或者设置某个元素中的HTML内容 

例如: 

Java代码 

1.  <p><strong>Hello world</strong></p>  

2.    

3.  alert($('p').html());  

<p><strong>Hello world</strong></p>

 

alert($('p').html());



返回:

Java代码 

1.  <strong>Hello world</strong>  

<strong>Hello world</strong>



2.text() 
类似于javascript众的InnerText属性,可以用来读取或者设置某个元素的文本内容 

例如: 

Java代码 

1.  <p><strong>Hello world</strong></p>  

2.    

3.  alert($('p').text());  

<p><strong>Hello world</strong></p>

 

alert($('p').text());



返回:

Java代码 

1.  Hello world  

Hello world



3.val() 
类似于javascript中的value属性,可以用来设置或者获取元素的值,无论元素是文本框,下拉列表还是单选框,如果元素时多选,则返回一个包含所有选择的值的数组。 

4.attr() 
来获取和设置元素的各种属性 

 

分享到:
评论

相关推荐

    jQuery操作attr、prop、val()/text()/html()、class属性

    主要介绍了jQuery操作attr、prop、val()/text()/html()、class属性 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    JQuery新版中文手册

    attr(name|pro|key,val|fn) removeAttr(name) prop(name|pro|key,val|fn)1.6+ removeProp(name)1.6+ CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[,sw]) HTML代码/文本/值 ...

    jQuery 1.4.1 中文参考

    4.4.2 text(val) 69 4.4.3 text(function(index, text)) 69 4.5 值 69 4.5.1 val() 69 4.5.2 val(val) 70 4.5.3 val(array) 71 4.5.4 val(function(index, value)) 71 5. 筛选 72 5.1 过滤 72 5.1.1 eq(index) 72 ...

    jQuery帮助文档

    text( [val] ) 值 val( [val] ) CSS CSS css(name) css(properties) css(name, value) 位置 offset() position() scrollTop( [val] ) scrollLeft( [val] ) 尺寸 height( [val] ) width( [val] ) ...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    jQuery 1.5 API 中文版

    $.attr( name, val ), .attr( map ), .attr( name, fn(index, attr) ) $.removeAttr( name ) Class $.addClass( class ), .addClass( fn(index, class) ) bool.hasClass( class ) $.removeClass( [class] ), ....

    Jquery 1.3 简体中文手册

    text( [val] ) 值 val( [val] ) CSS CSS css(name) css(properties) css(name, value) 位置 offset() position() scrollTop( [val] ) scrollLeft( [val] ) 尺寸 height( [val] ) width( [val] ) ...

    JQuery 1.3 中文参考手册

    text( [val] ) 值 val( [val] ) CSS CSS css(name) css(properties) css(name, value) 位置 offset() position() scrollTop( [val] ) scrollLeft( [val] ) 尺寸 height( [val] ) width( [val] ) ...

    JQuery综合练习2.docx

    1、jQuery 对象可以进行隐式迭代: 为选取的所有的 p 节点都添加了 onclick 响应函数。jQuery 对象本身就是一个 DOM 对象的数组。...加参数为属性节点添加文本值(文本节点),和 text() 类似的方法: attr()、val()

    JQUERY 常用方法大全

    JQUERY 常用方法大全 JQUERY 常用方法大全 $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map $(”img...

    Jquery常用方法.txt

    Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map ...$("input元素名称").val(); 获取input元素的值

    jquery例子

    var wordText=inputNode.val(); //把数据发送到服务器 if(wordText!=""){ //清除定时器id clearTimeout(timeOutId); //设定定时器,延迟500ms发送 timeOutId=setTimeout(function()...

    jQuery获得内容和属性示例代码

    获得内容 – text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() – 设置或返回所选元素的文本内容 html() – 设置或返回所选元素的内容(包括 HTML 标记) val() – 设置或返回表单...

    jQuery对html元素的取值与赋值实例详解

    本文实例讲述了jQuery对html元素的取值与赋值方法。分享给大家供大家参考,具体如下: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $...

    jQuery对html元素取值与赋值的方法

    Jquery给基本控件的取值、赋值 TEXTBOX: var str = $(‘#txt’).val(); $(‘#txt’).val(“Set Lbl Value”); //文本框,文本区域: $(“#text_id”).attr(“value”,”);//清空内容 $(“#text_id”).attr(“value”...

    jquery控制select的text/value值为选中状态

    2、设置text为“全部“的项选中 代码如下: $(“.selector”).find(“option”).attr(“selected”,true); 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得...

    jQuery完全实例.rar

    jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...

Global site tag (gtag.js) - Google Analytics