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

html-css023

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

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

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

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

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

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

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

通过js来改变CSS属性，使用jQuery可以很方便的实现，像这样：

$("img").css('border-color','red')

就可以把边框颜色都变成红色。

这是针对此问题的测试页面

2、这是3张图片

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=975878983,2392470128&fm=11&gp=0.jpg'>

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=61343736,951557457&fm=11&gp=0.jpg'>

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1354592590,1762022981&fm=11&gp=0.jpg'>

3、这是图片的样式，边框默认为灰色。

img{

max-width:200px

border-color:gray

border-width:10px

border-style:solid

}

4、现在通过这几行用到jQuery的代码，控制图片边框根据鼠标移入移出边框变灰和变红。

$(function(){

$("img").on('mouseover',function(){

$(this).css('border-color','red')

}).on('mouseout',function(){

$(this).css('border-color','gray')

})

})

5、效果如图

首先，jquery.validate是一个验证表单的方法，它主要的功能是为表单提供简单的表单提交的验证方法，比如必填项的提示、密码是否一致、邮箱格式等等；

基本的CSS样式的变化，即在<style></style>中根据id或者class来写格式控制；

表单验证中自带的一些css格式可以在谷歌浏览器中的开发模式中找到其对应的id或者class来修改，该图中验证提示词的id=cname-error；

对id=cname-error改变css，效果为第一行；注意到有一个.error的存在，它是对所有报错的样式进行控制；改完后color样式可能不能改成功，不妨在你的color后加一个！important。

如果不怕麻烦，可以去改导入的jquery.vliadate.js文件。