编程 Javascript

jQuery查找节点方法完整实例

Posted in Javascript onSeptember 13, 2016

本文实例讲述了jQuery查找节点方法。分享给大家供大家参考，具体如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
  var $para = $("p"); // 获取<p>节点
  var $li = $("ul li:eq(1)"); // 获取第二个<li>元素节点
  var p_txt = $para.attr("title"); // 输出<p>元素节点属性title
  var ul_txt = $li.attr("title"); // 获取<ul>里的第二个<li>元素节点的属性title
  var li_txt = $li.text(); // 输出第二个<li>元素节点的text
  alert(ul_txt);
  alert(li_txt);
  alert(p_txt);
});
//]]>
</script>
</head>
<body>
<p title="T选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
  <li title='T苹果'>苹果</li>
  <li title='T橘子'>橘子</li>
  <li title='T菠萝'>菠萝</li>
</ul>
</body>
</html>

效果图如下：

jQuery查找节点方法完整实例

希望本文所述对大家jQuery程序设计有所帮助。

jQuery查找节点方法完整实例

- Author -

onestopweb

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS 学习笔记防止发生命名冲突

Jul 30 Javascript

用JavaScript获取DOM元素位置和尺寸大小的方法

Apr 12 Javascript

Jquery插件easyUi表单验证提交(示例代码)

Dec 30 Javascript

使用jquery实现鼠标滑过弹出更多相关信息层附源码下载

Nov 23 Javascript

微信小程序教程之注册程序

Oct 17 Javascript

基于slideout.js实现移动端侧边栏滑动特效

Nov 28 Javascript

微信小程序 less文件编译成wxss文件实现办法

Dec 05 Javascript

15个非常实用的JavaScript代码片段

Dec 18 Javascript

JavaScript标准对象_动力节点Java学院整理

Jun 27 Javascript

jQuery实现的页面详情展开收起功能示例

Jun 11 jQuery

深入浅析vue中cross-env的使用

Sep 12 Javascript

Vue props中Object和Array设置默认值操作

Jul 30 Javascript

jQuery表单对象属性过滤选择器实例详解

Sep 13 #Javascript

jQuery实现的放大镜效果示例

Sep 13 #Javascript

jQuery实现的简单拖拽功能示例

Sep 13 #Javascript

更靠谱的H5横竖屏检测方法（js代码）

Sep 13 #Javascript

jQuery实现的瀑布流加载效果示例

Sep 13 #Javascript

JS实现页面数据无限加载

Sep 13 #Javascript

jQuery实现可展开折叠的导航效果示例

Sep 12 #Javascript