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为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如何改变html标签的样式(两种实现方法)
对于如何修饰html标签,这对于js来说,可以通过setAttribute来设置标签的属性,通过getAttribute来得到标签的属性,而在jq中当然也可以实现类似的功能,方法上肯定比js要简化多了. 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 复制代码 代码如下: <script type="text/javascript"> window.onload = function () { var attr = document.getElementByI
-
基于jQuery的获取标签名的代码
jquery如何获取一上元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 昨到"div" jquery如何获取一个元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 得到"div" [昆明]丝雪.川琼(447031499) 13:35:50$('
-
Jquery 获取指定标签的对象及属性的设置与移除
1.先讲讲JQuery的概念,JQuery首先是由一个 America 的叫什么 John Resig的人创建的,后来又很多的JS高手也加入了这个团队.其实 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用简单的一些代码实现一些复杂的JS效果. 2.JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了: 如: 复制代码 代码如下: $(function(){
-
jquery通过visible来判断标签是否显示或隐藏
复制代码 代码如下: if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }
-
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插件之打造自定义的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标签替换函数replaceWith()的使用例子
replaceWith简单使用 jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如: 页面有如下p标签 把所有p标签替换为"##" $('p').replaceWith('##'); 执行后的结果: 替换标签 利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变: $('p').each(function(){ $(this).replaceWith('<b>'+$(this).html()+'</b>
-
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 Mobile自定义标签
本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app.设计了多个版本的移动Web均不理想. 由于移动Web采用了jQuery Mobile框架,所以将切换语言放在哪个位置更合理进行了讨论.讨论的过程和多个方案我就不提了,先来看看最终效果: 是不是感觉很经验,这里一开始尝试了多次,最终自定义了一个下拉选项,代码如下: <!DOCTYPE html> <html> <head&g
随机推荐
- javascript ie6兼容position:fixed实现思路
- apache 配置成滚动日志的方法
- servlet实现文件下载的步骤及说明详解
- 对于Python中RawString的理解介绍
- WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
- PHP函数常用用法小结
- url中的特殊符号有什么含义(推荐)
- asp实现的查询某关键词在MSSQL数据库位置的代码
- 将DataTable转换成List<T>实现思路及示例代码
- js es6系列教程 - 新的类语法实战选项卡(详解)
- SQL Server Alert发送告警邮件少了的原因
- Linux 文件和目录权限详细介绍
- 你必须知道的JavaScript 中字符串连接的性能的一些问题
- 微信小程序 出现47001 data format error原因解决办法
- IE与FF下javascript获取网页及窗口大小的区别详解
- 微信小程序实现锚点定位楼层跳跃的实例
- 制作传奇私服技术系列之一架设技术
- 详解JS与APP原生控件交互
- Webpack性能优化 DLL 用法详解
- 慎用preg_replace危险的/e修饰符(一句话后门常用)