jquery使用css选择器来选取元素吗

html-css015

jquery使用css选择器来选取元素吗,第1张

是的，jQuery使用 CSS 选择器来选取元素。

jQuery 使用 CSS 选择器来选取 HTML 元素。例如：

$("p") 选取 <p>元素。

$("p.intro") 选取所有 class="intro" 的 <p>元素。

$("p#demo") 选取所有 id="demo" 的 <p>元素。

jQuery css()选择器是jquery中的一个功能。

jquery中css（）方法可以并列多个属性。如下参考

/*css(properties)

把一个“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

*/

例如：

$("p").css({ color: "#ff0011", background: "blue" })

$("p").css({ "margin-left": "10px", "background-color": "blue" })

写法是正确的，就是使用逗号隔开即可。测试可以使用的。

ID（#选择器）是唯一元素，一个页面上这个ID只有1个是可以用到（class可以多个其作用）。

$('#abc').css({

'<a href="https://www.baidu.com/s?wd=font-size&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nWKWuh79uHuhnARdPHnz0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErjTzn161Pj04PHcsPW64PjRz" target="_blank" class="baidu-highlight">font-size</a>' : '12px',

'-webkit-border-radius' : '5px',

'color' : '#cc0000'

})

$('#abc').css({

fontSize : '12px',

webkitBorderRadius : '5px',

color : '#c00'

})

都是正确的写法。