jQuery查看选中对象HTML代码的方法
本文实例讲述了jQuery查看选中对象HTML代码的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src='jquery-1.6.2.min.js'></script> <title>jQuery查看选中对象HTML代码</title> </head> <body> <div> <div id="hb">dsaf</div> </div> <script> $(function(){ alert($("#hb").get(0).outerHTML); }); </script> </body> </html>
运行结果为:
<div id="hb">dsaf</div>
(此处注意与innerHTML的区别!)
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关推荐
-
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
本文实例讲述了jQuery实现鼠标跟随提示层效果代码.分享给大家供大家参考,具体如下: 运行效果截图如下: Web网站有不少需要用到tip提示层的地方,结合jquery的jquery.cluetip.js ,可以实现本地字符或ajax异步调用显示提示层.如以上购评分明细提示.(优势:宽度需要调用页加载时定义,高度auto , 且三角指定图标能根据显示层的大小位置来调用它的位置,达到醒目直观的效果) jquery.cluetip.css /* global */ #cluetip-close im
-
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
复制代码 代码如下: nav1 = "<div style='width:145px;height:62px;float:left;background:url(login_image/index/on_1.jpg);font-size:18px;color:white;line-height:65px;' id='left_tab" + "</div>" 复制代码 代码如下: $("#top_1").html(nav1);
-
jQuery获取单击节点对象的方法
本文实例讲述了jQuery获取单击节点对象的方法.分享给大家供大家参考,具体如下: event.target属性: <script language="JavaScript" type="text/javascript"> $("document").ready(function () { $(".menu").bind("click", function (event) { var click
-
jQuery对象的链式操作用法分析
本文实例讲述了jQuery对象的链式操作用法.分享给大家供大家参考,具体如下: jQuery对象的链式操作 首先来看一个例子: 复制代码 代码如下: $("#myphoto").css("border","solid 2px#FF0000").attr("alt"," good"); 对一个jQuery对象先调用了css()函数修改样式,然后使用attr()函数修改属性,这种调用方式象链一样,所以称为&qu
-
jquery模拟LCD 时钟的html文件源代码
以下是HTML文件源代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title
-
jquery 获取 outerHtml 包含当前节点本身的代码
在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也没有任何方法可以拿到. 看到有的人通过parent().html(),如果当前元素没有兄弟元素还行,如果有那就行不通了.后来实验发现有一个jQuery的一个方法可以解决,而且非常简便,如下: jQuery.prop("outerHTML"); 复制代码 代码如下: <div class="test">&
-
JQuery获取与设置HTML元素的内容或文本的实现代码
先来看看演示效果: 欢迎访问我们PHP教程 我们PHP教程 简单易懂的JavaScript魔法 简单易懂的JQuery魔法 $(function(){ $("#btn_1").click(function(){ alert( $(".nm_p").html() ); }); $("#btn_2").click(function(){ alert( $(".nm_p").text() ); }); $("#btn_3&
-
phpQuery让php处理html代码像jQuery一样方便
简介 如何在php中方便地解析html代码,估计是每个phper都会遇到的问题.用phpQuery就可以让php处理html代码像jQuery一样方便. 项目地址:https://code.google.com/p/phpquery/ github地址:https://github.com/TobiaszCudnik/phpquery DEMO 下载库文件:https://code.google.com/p/phpquery/downloads/list 我下的是onefile版:phpQuer
-
Jquery在指定DIV加载HTML示例代码
首先引入Jquery 复制代码 代码如下: <script src="js/jquery.js"></script> 在页面加入JS 复制代码 代码如下: <script> $(function(){ $("div#top_sidebar").load("top_sidebar.html"); }) </script> #top_sidebar 为指定DIV的ID
-
jQuery如何将选中的对象转化为原始的DOM对象
在jQuery中,在一个页面上选择元素返回的集合是jQuery对象而不是原始的DOM对象. 所以只能运行jQuery方法. 如果要在选择集上运行DOM方法和属性,该集合必须转化为DOM对象 比如你不可以这样使用: $('div').innerHTML = "hello world"; 因为innerHTML是 DOM的属性而不是jQuery对象的属性.如果确实想这么做.那么就需要将jQuery对象转化为DOM对象.方法有两种. ①jQuery提供一种核心方法get(),所以上面的可以写
-
jquery遍历json对象集合详解
本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下 第一个案例:jquery 遍历json对象集合 常用示例 jsp中 $.ajax({ url: "${applicationScope.rootpath}common/getContractPage.html?userConId=${userConId}", type: "post", dataType:"json", data: {}, succe
-
jquery随意添加移除html的实现代码
html代码: 复制代码 代码如下: <ul id="list3" class="eventlist"> <li>plain</li> <li class="special">special <button>I am special</button></li> <li>plain</li> </ul> script代码: 复制代
随机推荐
- Emeditor与dos(cmd)经典使用技巧之批量生成网页
- 服务器常用批处理代码 原创
- oracle 10g OEM常规错误(Unknown host specified)解决
- url地址自动加#号问题说明
- .net开发中批量删除记录时实现全选功能的具体方法
- c#的时间日期操作示例分享(c#获取当前日期)
- 在WPF中动态加载XAML中的控件实例代码
- 用js代码和插件实现wordpress雪花飘落效果的四种方法
- 从零开始学习Node.js系列教程五:服务器监听方法示例
- 利用 spin.js 生成等待效果(js 等待效果)
- JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
- C语言实现返回字符串函数的四种方法
- Redis 基础教程之事务的使用方法
- apache 支持 php5 的配置方法
- 基于jQuery的淡入淡出可自动切换的幻灯插件
- JavaScript基础语法让人疑惑的地方小结
- Android CountDownTimer实现倒计时器
- Android垂直滚动控件ScrollView使用方法详解
- Java写入写出Excel操作源码分享
- 详解plotly.js 绘图库入门使用教程