使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
2015-07-29 16:59
633 查看
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息</title>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<!-- 方法1 -->
<script>
$(function() {
var $li = $("li"); //返回jQuery对象
var li = $li[0]; //返回DOM对象
alert(li.innerHTML);
});
</script>
<!-- 方法2 -->
<script>
$(function() {
var $li = $("li"); //返回jQuery对象
var li = $li.get(0); //返回DOM对象
alert(li.innerHTML);
});
</script>
</head>
<body>
<ul>
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息</title>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<!-- 方法1 -->
<script>
$(function() {
var $li = $("li"); //返回jQuery对象
var li = $li[0]; //返回DOM对象
alert(li.innerHTML);
});
</script>
<!-- 方法2 -->
<script>
$(function() {
var $li = $("li"); //返回jQuery对象
var li = $li.get(0); //返回DOM对象
alert(li.innerHTML);
});
</script>
</head>
<body>
<ul>
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ul>
</body>
</html>
相关文章推荐
- 利用jQuery扩展接口为jQuery框架定义了两个自定义函数,然后调用这两个函数
- jquery的$.extend和$.fn.extend作用及区别
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- DOM或Jquery修改HTML标题内容遇到的问题
- jQuery 源码分析 8: 回头看jQuery的构造器(jQuery.fn,jQury.prototype,jQuery.fn.init.prototype的分析)
- jQuery选择器
- jQuery插件-div中滚动图片
- jQuery选择器大全
- JQuery mobile 实例 api
- jQuery插件开发模式
- js/jquery操作div显示或隐藏
- ASP.NET MVC 4 (十一) Bundles和显示模式--asp.net mvc中 @Scripts.Render("~/bundles/jquery")是什么意思? 在布局文件中使用Scripts.Render()输出脚本包,Styles.Render()输出风格包:
- 基于jquery的静态页面翻页
- jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作
- jquery的DOM元素操作
- Struct2前台后台数据交互jquery+ajax
- jquery学习教程视频 链接
- 使用 jQuery.i18n.properties 实现 Web 前端的国际化
- Jquery结合datagrid框架
- [JQuery] jquery.fn.extend 与 jquery.extend