`
m635674608
  • 浏览: 5043369 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery xpath 选择器

    博客分类:
  • java
 
阅读更多
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">



$(function(){
	  var root = "<div id='page'><div id='branding' class='clearfix'><div id='blog_name'><h1><a href='/admin' title='我的博客'>我的博客</a></h1></div><div id='blog_preview'><a href='/'><img alt='Icon_home' src='http://www.iteye.com/images/icon_home.gif?1324994303' />访问我的空间</a></div></div>";
	 
	  //1.选择器
       var tt =$(root).find('#branding').html();
	   alert(tt);
	  //xpath 选择器
	   var ttt =$(root).find("//div[id='branding']").html();
	   alert(ttt);
	  

		var url = 'http://m635674608.iteye.com/admin/blogs/2208989';
		$.get(url,function(data){
		        root =data;
			    //2.和1一样的效果
     			var t =$(root).find('#header').html();
				alert(t);
				
				//xpath 选择器
			   var t2 =$(root).find("//div[id='header']").html();
			   alert(t2);
		         
		});
		
		
		
		
		
});


</script>
</head>
<body>

</body>
</html>

   注意,字符串格式必须标准。<a></a>不规范可能解析不了

分享到:
评论

相关推荐

    JQuery 选择器 xpath 语法应用

    在jQuery中,我们可以利用XPath语法来增强选择器的功能,使得我们可以更加精确地定位到我们需要的DOM元素。本篇文章将通过实例详细解析jQuery选择器中XPath的一些常见用法。 首先,让我们了解如何根据属性选择元素...

    jquery CSS和xpath选择器.pdf

    《jQuery CSS和XPath选择器详解》 jQuery是一个广泛使用的JavaScript库,它的核心功能之一就是强大的选择器引擎。这个引擎不仅支持CSS1-3的选择器语法,还兼容XPath选择器,并在此基础上进行了扩展,使得开发者能更...

    jquery CSS和xpath选择器.docx

    jQuery CSS和XPath选择器是网页开发中非常重要的工具,它们使得在JavaScript中选取DOM元素变得更加高效和方便。jQuery库对CSS选择器提供了全面的支持,包括CSS1、CSS2和CSS3的语法,同时,还引入了一些自定义的选择...

    JQuery各种选择器详解

    JQuery选择器,xpath类型等的选择器

    jquery CSS选择器笔记

    去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。 这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第...

    jQuery选择器

    jQuery选择器是jQuery库的核心功能之一,它借鉴了CSS和XPath的语法,使得开发者能够更加高效地选取HTML文档中的特定元素。在JavaScript中,DOM(Document Object Model)模型是用于描述网页结构的关键概念,而jQuery...

    jQuery的Document元素选择

    本文将详细介绍jQuery中用于选择Document元素的方法,包括基本的选择器语法、XPath与CSS结合使用的方式以及自定义选择器的运用。 #### 二、从`$`开始 在jQuery中,选择元素通常以`$`符号开头。例如,要选择ID为`...

    css选择器(selector) xPath的选择器

    去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定

    基于JQuery 选择器使用说明介绍

    jQuery 元素选择器和属性选择器允许您...jQuery 属性选择器 :jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $(“[href]”) 选取所有带有 href 属性的元素。 $(“[href=’#’]”) 选取所有带有 href 值等于

    jQuery选择器用法实例详解

    jQuery 使用两种方式来选择 html 的 element,第一种使用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$(“div &gt; ul a”));第二种是用jQuery对象的几个methods(方法)。这两种方式还可以...

    JQuery中$之选择器用法介绍

    在jQuery中,选择器是用于选取HTML文档中特定元素的强大工具。本文将深入探讨$的选择器用法,帮助你更好地理解和...掌握这些jQuery选择器的用法,能让你在编写JavaScript代码时更加高效和灵活,更轻松地操控DOM元素。

    jQuery Selector选择器小结

    首先,jQuery选择器基于CSS选择器的语法,提供了大量用于选择文档中元素的方式。例如,使用符号“$”作为其主要方法的快捷方式,开发者可以通过各种方式选择元素。 1. 基础选择器 - `$("element")`:选择页面中的...

    谷歌浏览器插件 SelectorsHub 编写和验证xpath、cssSelector、Playwright

    它可以作为智能编辑器来编写和验证xpath、cssSelector、Playwright选择器、jQuery和JSPath。SelectorHub还可以用于自动生成唯一的#xpath、css选择器和所有可能的选择器。 but,毕竟是机器生成的,路径有时候不是很...

    jquery-3.4.1.zip

    jQuery支持CSS选择器,XPath选择器,甚至自定义选择器。例如: - `$("div")` 选择所有div元素。 - `$(".myClass")` 选择所有class为"myClass"的元素。 - `$("#myID")` 选择id为"myID"的唯一元素。 三、事件处理 ...

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    - **CSS和XPath选择器支持**:jQuery支持广泛的CSS选择器,同时也可进行基本的XPath操作。 - **可扩展性**:jQuery允许开发者轻松地为其添加新的功能和插件。 - **分离JS和HTML**:jQuery鼓励良好的代码组织,使...

    JQuery快速自学教程

    - 讲述了JQuery使用CSS选择器和XPath选择器来获取页面元素。 - 通过ID、类、标签名等多种方式选择元素,并展示了如何通过选择器对元素进行样式更改。 - 说明了find()函数和each()处理函数的使用方法,并通过例子...

    jQuery学习文档

    - **选择符(selector)** 用于选取 HTML 元素,可以是 CSS 或 XPath 选择器。 - **jQuery 的 action()** 是执行对选取元素的操作,如 `.hide()`、`.show()` 等。 3. **文档就绪函数**: - `$(document).ready...

Global site tag (gtag.js) - Google Analytics