jQuery:CSS部分

   也就是对dom元素中的样式进行操作

函数:css(name) 功能:获取匹配元素指定属性名的值 返回:string 参数:要访问的样式属性名 例子: Retrieves the color style of the first paragraph jQuery Code $("p").css("color"); Before <p style="color:red;">Test Paragraph.</p> Result: "red" Retrieves the font-weight style of the first paragraph. jQuery Code $("p").css("font-weight"); Before <p style="font-weight: bold;">Test Paragraph.</p> Result: "bold"


函数:css(properties),css(key, value) 功能:设定一组样式,设定一个样式 返回:jQuery对象 参数:属性数组对象,属性名/值 例子: Sets color and background styles to all p elements. jQuery Code $("p").css({ color: "red", background: "blue" }); Before <p>Test Paragraph.</p> Result: <p style="color:red; background:blue;">Test Paragraph.</p> Changes the color of all paragraphs to red jQuery Code $("p").css("color","red"); Before <p>Test Paragraph.</p> Result: <p style="color:red;">Test Paragraph.</p> Changes the left of all paragraphs to "30px" jQuery Code $("p").css("left",30); Before <p>Test Paragraph.</p> Result: <p style="left:30px;">Test Paragraph.</p>


函数:height(),height(val) 功能:获取第一个匹配元素的高度,height(val)设定所有匹配元素的高度 返回:string 例子: jQuery Code $("p").height(); Before <p>This is just a test.</p> Result: 300 jQuery Code $("p").height(20); Before <p>This is just a test.</p> Result: <p style="height:20px;">This is just a test.</p jQuery Code $("p").height("20em"); Before <p>This is just a test.</p> Result: <p style="height:20em;">This is just a test.</p>


函数:width(),width(val) 功能:获取第一个元素的宽度,width(val)设定所有匹配元素的宽度 例子:和上面差不多,就不列举了。

你可能感兴趣的:(jquery,css)