chevron_left

jQuery 开发教程

免费
第 2.3 回

教程文档

jQuery 开发教程 - jQuery 的关联节点

2023年11月16日
jQuery 开发教程

jQuery 的关联节点

html 代码

<div>
    <p>武汉长乐教育</p>
    <span>在哪才能真正学习会PHP技术?</span>
    <a href="#">
        <p>欢迎前来试听</p>
    </a>
</div>

children() 方法

var $child = $("div").children();       //获取div元素的子类元素
alert($child.length);                   //打印div元素有几个子类元素
$("div").children("p");                 //获取div元素的子类元素p

next() 方法

var $a = $("div span").next();      //获取下一个同辈的元素

prev() 方法

var $p = $("div span").prev();      //获取上一个同辈的元素

siblings() 方法

<ul...

课程介绍

jQuery 是一个快速、简洁的 JavaScript 框架,是继 Prototype 之后又一个优秀的 JavaScript 代码库(或 JavaScript 框架)。jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。

jQuery 的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的 css 选择器,并且可对 CSS 选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery 兼容各种主流浏览器,如 IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+ 等。