jquery当前节点,jquery 第一个子节点
Jquery(JS)如何获取当前节点的HTML代码
在jQuery中,想获取HTML代码的方法如下:
创新互联提供成都网站制作、网站设计、外贸网站建设、网页设计,品牌网站制作,1元广告等致力于企业网站建设与公司网站制作,10年的网站开发和建站经验,助力企业信息化建设,成功案例突破近1000家,是您实现网站建设的好选择.
$(selected).html();
在JavaScript中,想获取HTML代码方法如下:
document.getElementById(selected).outerHTML;
[img]jQuery查找节点方法完整实例
本文实例讲述了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操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
如何使用Jquery获取当前节点的孙节点
这些jquery的一些查找方法:可以看看
jQuery.parent(expr) //找父元素
jQuery.parents(expr) //找到所有祖先元素,不限于父元素
jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙
jQuery.contents() //查找下面的所有内容,包括节点和文本。
jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll() //查找所有之前的兄弟节点
jQuery.next() //查找下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll() //查找所有之后的兄弟节点
jQuery.siblings() //查找兄弟节点,不分前后
jQuery.find(expr) //跟jQuery.filter(expr)完全不一样,jQuery.filter(expr)是从初始的
jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集中
筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如:
$("p").find("span")是从元素开始找,等于$("p span")
jquery 获取当前同级节点
$("a").click(function(){
//获取当前a的前一个同级元素: $(this).prev(), 在你提供的代码中,即为 img元素
});
jquery 添加节点的几种方法
titlejQuery插入,复制、替换和删除节点/title
script type="text/javascript" src="jquery-1.3.2.js"/script
script type="text/javascript"
$(document).ready(function(){//几种添加节点的方法//$("p").append("b你好吗?/b");//向p元素中追加《b》//$("b你好吗?/b").appendTo("p");//将《b》追加到p元素中//$("p").prepend("b你好吗?/b");//向p中前置《b》//$("b你好吗?/b").prependTo("p");//将《b》前置到p元素中//$("p").after("b你好吗?/b");//向p元素后插入《b》//$("b你好吗?/b").insertAfter("p");//将《b》插入到p元素后边//$("p").before("b你好吗?/b");//在p元素之前添加《b》//$("b你好吗?/b").insertBefore("p");//将《b》插入到p元素前面//几种删除节点的方法//var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点//$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去//$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除//$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容//复制节点/*$("ul li").click(function(){
$(this).clone(true).appendTo("ul");//复制当前点击的节点,并将它追加到《ul》元素中,当添加参数时复制它的事件});*///替换节点//$("p").replaceWith("strong你最不喜欢的水果是?/Strong");});/script/headbodyp你好!/p
你最喜欢的水果是?ulli title="苹果"苹果/li
jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环.
1、新建一个html文件,命名为test.html,用于讲解gt;怎么让jquery事件执行一次。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。
4、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。
5、在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中。
6、在function()方法内,使用alert()方法将获得的内容输出来。
7、在浏览器打开test.html文件,点击文字,查看实现的效果。
网站标题:jquery当前节点,jquery 第一个子节点
网页路径:http://scyanting.com/article/dsoheoj.html