jquery通过closest选择器修改上级元素的方法

 更新时间:2015年03月17日 10:47:37   作者:上大王  
这篇文章主要介绍了jquery通过closest选择器修改上级元素的方法,实例分析了jQuery中closest选择器的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jquery通过closest选择器修改上级元素的方法。分享给大家供大家参考。具体如下:

这段代码演示了jQuery通过closest选择器获取上一级的元素,然后修改其text()内容。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> www.jb51.net </title>
<script type='text/javascript' src='jquery-1.9.1.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
var address = $("#jb51").closest("div");
address.text('www.jb51.net')
});//]]>
</script>
</head>
<body>
<div id="website">
<div id="jb51"></div>
</div>
</body>
</html>

更多关于jquery选择器相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结

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

相关文章

  • jquery判断输入密码两次是否相等

    jquery判断输入密码两次是否相等

    这篇文章分别介绍了Jquery框架easyui判断输入密码两次是否相等,以及使用jQuery.validate验证表单中两次密码是否一致的问题,需要的朋友可以参考下
    2015-12-12
  • 使用jquery实现仿百度自动补全特效

    使用jquery实现仿百度自动补全特效

    这里给大家分享的效果是像百度的搜索框一样,当用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便,增加用户体验。
    2015-07-07
  • jQuery中DOM树操作之复制元素的方法

    jQuery中DOM树操作之复制元素的方法

    这篇文章主要介绍了jQuery中DOM树操作之复制元素的方法,实例分析了DOM树复制元素的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery里filter()函数与find()函数用法分析

    jQuery里filter()函数与find()函数用法分析

    这篇文章主要介绍了jQuery里filter()函数与find()函数用法,实例对比分析了filter()函数与find()函数的功能与相关使用技巧,需要的朋友可以参考下
    2015-06-06
  • 基于jquery的让页面控件不可用的实现代码

    基于jquery的让页面控件不可用的实现代码

    当用户需要某项功能时要填写一些表单信息,在填写完成并提交后,该部分信息是不允许再次修改的。表单包含TextBox、DropDownList、CheckBox等控件。
    2010-04-04
  • jQuery实现ajax调用WCF服务的方法(附带demo下载)

    jQuery实现ajax调用WCF服务的方法(附带demo下载)

    这篇文章主要介绍了jQuery实现ajax调用WCF服务的方法,以完整实例形式分析了jQuery的ajax前端调用及后台交互调用WCF服务的相关技巧,并附带完整实例共读者下载,需要的朋友可以参考下
    2015-12-12
  • jQuery实现平滑滚动页面到指定锚点链接的方法

    jQuery实现平滑滚动页面到指定锚点链接的方法

    这篇文章主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 全面解析jQuery中的$(window)与$(document)的用法区别

    全面解析jQuery中的$(window)与$(document)的用法区别

    这篇文章主要介绍了jQuery中的$(window)与$(document)的用法区别,具体内容大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • 基于jquery ajax 用户无刷新登录方法详解

    基于jquery ajax 用户无刷新登录方法详解

    ajax俗称无刷新登录或局部刷新登录,这样可以提高用户体验了,文章讲到了关于基于jquery ajax用法返回数据与实例2用户无刷新登录
    2012-04-04
  • jquery 实现返回顶部功能

    jquery 实现返回顶部功能

    本文给大家带来的是使用javascript结合jQuery实现返回顶部的功能,并附上源码,送给大家,需要的童鞋直接拿走吧
    2014-11-11

最新评论