网站建设资讯

NEWS

网站建设资讯

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://cdweb.net/article/dsoheoj.html