大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
你这样看到的是jQuery的对象元素,要转换为Dom元素才能看到元素内容,比如 $("p")[0] 可看到第一个p元素的内容,$("p")[1] 可看到第二个p元素的内容,依此类推
10年积累的成都网站建设、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有噶尔免费网站建设让你可以放心的选择与我们合作。
jquery提供了三个获得内容的方法有 text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid").text(); // 首选。
获取label的文本$("label#userid").html(); // 也可以实现。
获取label标签内的所有html标记,一般情况改下labe。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口,具有高效灵活的css选择器,并且可对CSS选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
三种基本的选择器类型
语法如下:
◆元素选择器,如:p{},即直接使用HTML标签作为选择器。
◆类选择器,如.polaris{}。
◆ID选择器,如#polaris{}。
不过选择器可以单独使用,也可以与其他选择器结合使用。
p.important
是元素选择器和类选择器结合而成的,
选择器现在会匹配
class
属性包含
important
的所有
p
元素,但是其他任何类型的元素都不匹配,不论是否有此
class
属性。选择器
p.important
解释为:“其
class
属性值为
important
的所有段落”。
对,使用css()可以实现,写两个参数是设置,写一个参数是获取。
但是获取的样式不一定全等于设置的,比如颜色,设置是“red”,获取是rgb(255, 0, 0)
html()方法可以用来读取或者设置某个元素中的HTML内容,text()方法可以用来读取或者没置某个元素中的文本内容
html()方法
此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:
var
p_html
=
$("p").html();
//获取p元素的HTML代码
如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置p元素的HTML代码,可以使用如下代码:
//设置p元素的HTML代码
$("p").html("欢迎您访问简明现代魔法图书馆~~");
注意:html()方法可以用于XHTML文档,但不能用于XML文档。
text()方法
此方法类似于JavaScript中的innerText属性,可以用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:
var
p_text
=
$("p").text();
//获取p元素的文本内容
与html()方法一样,如果需要为某元素设置文本内容,那么也需要传递一个参数。例如对p元素设置文本内容,代码如下:
//
设置p元素的文本内容
$("p").text("欢迎您访问简明现代魔法图书馆~~");
要注意下面两点:
JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.
text()方法对HTML文档和XML文档都有效。
显示好友列表时,在显示好友名字的p/p元素中设置:p
id="p${friend.friendId}"/p,这样js文件就可以动态获取p/p元素的id,并顺利通过text()方法赋值$("#p"+userId).text(name);