jQuery获取标签文本内容和html内容的方法
本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下:
jQuery可以通过text和html方法获取指定标签的文本内容或者html内容
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); }); </script> </head> <body> <p id="test">This is some <b>bold</b> text in a paragraph.</p> <button id="btn1">Show Text</button> <button id="btn2">Show HTML</button> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery标签替换函数replaceWith()的使用例子
replaceWith简单使用 jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如: 页面有如下p标签 把所有p标签替换为"##" $('p').replaceWith('##'); 执行后的结果: 替换标签 利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变: $('p').each(function(){ $(this).replaceWith('<b>'+$(this).html()+'</b>
-
jquery如何改变html标签的样式(两种实现方法)
对于如何修饰html标签,这对于js来说,可以通过setAttribute来设置标签的属性,通过getAttribute来得到标签的属性,而在jq中当然也可以实现类似的功能,方法上肯定比js要简化多了. 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 复制代码 代码如下: <script type="text/javascript"> window.onload = function () { var attr = document.getElementByI
-
Jquery 获取指定标签的对象及属性的设置与移除
1.先讲讲JQuery的概念,JQuery首先是由一个 America 的叫什么 John Resig的人创建的,后来又很多的JS高手也加入了这个团队.其实 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用简单的一些代码实现一些复杂的JS效果. 2.JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了: 如: 复制代码 代码如下: $(function(){
-
详解jQuery Mobile自定义标签
本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app.设计了多个版本的移动Web均不理想. 由于移动Web采用了jQuery Mobile框架,所以将切换语言放在哪个位置更合理进行了讨论.讨论的过程和多个方案我就不提了,先来看看最终效果: 是不是感觉很经验,这里一开始尝试了多次,最终自定义了一个下拉选项,代码如下: <!DOCTYPE html> <html> <head&g
-
Jquery为a标签的href赋值实现代码
复制代码 代码如下: <script type="text/javascript"> function doTest(){ var value = $("input[name='dizhi'][type='radio']:checked").val();//获得选中项的值 $('#a1').attr('href','shoppeisong.php?addid='+value+''); } </script> 要取的INPUT 标签<in
-
jquery 为a标签绑定click事件示例代码
$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.action?id=${id}"; } }); }); $("a[class='del2
-
基于jQuery的获取标签名的代码
jquery如何获取一上元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 昨到"div" jquery如何获取一个元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 得到"div" [昆明]丝雪.川琼(447031499) 13:35:50$('
-
Jquery插件之打造自定义的select标签
首先看下效果 复制代码 代码如下: <head> <title></title> <link type="text/css" rel="Stylesheet" href="JQSelect.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <
-
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
本文实例讲述了jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法.分享给大家供大家参考.具体分析如下: jQuery通过load()方法载入另外一个网页文件内的指定标签内容到div标签,如果我们可以加载网页b.html中的id为p1的标签内容到网页a.html的div标签内 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> <
-
jquery通过visible来判断标签是否显示或隐藏
复制代码 代码如下: if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }
随机推荐
- angular.js指令中transclude选项及ng-transclude指令详解
- struts1实现简单的登录功能实例(附源码)
- js触发asp.net的Button的Onclick事件应用
- php注册审核重点解析(数据访问)
- android中处理各种触摸事件的方法浅谈
- 取得一定长度的内容,处理中文
- Node.JS中事件轮询(Event Loop)的解析
- Linux下实现SNMP一键安装的Shell脚本
- AJAX实现鼠标经过弹出详细介绍示例
- C#生成随机ArrayList的方法
- 用dsadd添加用户的代码
- sql 删除表中的重复记录
- JavaScript语言核心数据类型和变量使用介绍
- C 语言常用方法技巧
- js调试系列 初识控制台
- Android中的Service相关全面总结
- php设计模式 Facade(外观模式)
- 详谈python http长连接客户端
- 必须收藏的php实用代码片段
- android判断设备是否有相机的实例代码