chevron_left

jQuery 开发教程

免费
第 2.2 回

教程文档

jQuery 开发教程 - jQuery 中的属性、样式、HTML 操作

2023年11月16日
jQuery 开发教程

jQuery 中的属性、样式、HTML 操作

html 代码如下

<p title="武汉长乐教育PHP系列教程" name="hello" class="blue">
    <strong>Dom操作练习</strong>
</p>

jQuery 属性操作

var $p = $("p");        //获取p节点

var p_title = $("p").attr("title");     //获取p元素属性title

$("p").attr("title", "快来学习吧");        //设置属性

$("p").attr({"title":"快来学习吧", "name":"Aaron"});       //设置多个属性

$("p").removeAttr("name");      //删除属性

var li_2=$("ul li:eq(1)");      //获取第2个li节点

alert(li_2.attr("title"));      //输出第2个li节点的title属性

jQuery 样式操作

var p_...

课程介绍

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+ 等。