chevron_left

jQuery 开发教程
免费
第 2.4 回

教程文档

jQuery 开发教程 - jQuery 中的 CSS-DOM 操作

2023年11月16日
jQuery 开发教程

jQuery 中的 CSS-DOM 操作

html 代码

<p style="color:blue;">武汉PHP培训-武汉长乐教育</p>

css() 方法

$("p").css("color")     //获取颜色样式
$("p").css("color", "red");     //设置样式
$("p").css({"color":"red", "font-size":"20px"});

height() 和 width() 方法

$("p").height();        //获取高度
$("p").height("100px"); //设置高度

$("p").width();         //获取宽度
$("p").width("400px")   //设置宽度

offset() 方法

var offset = $(".children").offset();       //获取元素在当前视窗的相对偏移
//console.log(offset)
var left = o...
请登录后查看更多expand_more

课程介绍

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

目录

适合这样的人

新手

授课老师