jquery学习手记（6）CSS, Styling, Dimensions

Css方法

// Getting CSS properties
$("h1").css("fontSize"); // returns a string such as "19px"
$("h1").css("font-size"); // also works// Setting CSS properties
$("h1").css( "fontSize", "100px" ); // setting an individual property// setting multiple properties
$("h1").css({fontSize: "100px",color: "red"
});

Styling方法

// Working with classes
var $h1 = $("h1");
$h1.addClass("big");
$h1.removeClass("big");
$h1.toggleClass("big");
if ( $h1.hasClass("big") ) { ... }

Dimensions

// Basic dimensions methods
// sets the width of all H1 elements
$("h1").width("50px");
// gets the width of the first H1
$("h1").width();
// sets the height of all H1 elements
$("h1").height("50px");
// gets the height of the first H1
$("h1").height();
// returns an object containing position
// information for the first H1 relative to
// its "offset (positioned) parent"
$("h1").position();

jquery学习手记（6）CSS, Styling, Dimensions相关推荐

jquery学习手记（4）元素的选择与操作
一. 选择元素 id选择器,示例为: 1 // Selecting elements by ID 2 $("#myId"); // note IDs must be unique ...
jquery学习手记（10）事件简介
1. 使用jquery监听的方法有许多种: // The many ways to bind events with jQuery // Attach an event handler directl ...
jquery学习手记（9）事件基础知识
1. jquery事件机制提供了两个事件相关的帮助函数: $.fn.hover 提供一个或者两个传入函数参数 // The hover helper function $( "#menu l ...
jquery学习手记（7）Data_utility_index方法
Data方法 Js对dom元素增加一个属性时,你必须处理一些浏览器内存泄漏的问题.Jquery提供了一个元素保存数据的方法,该方替你管理内存问题.示例: // Storing and retrievi ...
jquery学习手记（5）对象
DOM和DOM元素 DOM是html文件的表现层,它包含了很多DOM元素,宏观上来讲,DOM元素可以被认为是web页面的一个片段.DOM的形式有类型如<div>, <a>, 或 ...
jquery学习手记（2）jQuery对象和DOM对象相互转换
DOM对象 DOM文档对象模型,每一份DOM都可以表示成一棵树. 可以通过js中的getElementById或者getElementById来获取DOM对象. DOM对象可以使用js中的方法. 示例 ...
jquery学习手记（1）
1.$ vs $() $()方法中的参数是jQuery选择器并调用该选择器的方法,格式如下所示: $.fn,例子:$("h1").remove();自动接收和返回该选择器的动作. ...
jquery学习手记（8）遍历
层次的级别有:parent/children/sibling. 父节点父节点遍历方法有:$.fn.parent(), $.fn.parents(), $.fn.parentsUntil(), and ...
jquery学习手记（3）属性
属性的格式如下: $.fn.attr 该格式既可以获取属性的值也可以设置属性的值.示例如下: 设置属性 1 // Setting attributes 2 $("a").attr( ...

jquery学习手记（6）CSS, Styling, Dimensions

Css方法

Styling方法

Dimensions

jquery学习手记（6）CSS, Styling, Dimensions相关推荐

最新文章

热门文章