jquery改变元素边框颜色，jquery改变背景颜色

jquery鼠标指文本框上时,文本框的边框颜色改为黄色,同时其他文本框的边...

为文本框注册获得焦点事件，即focus事件。在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。注册失去焦点事件，即blur事件。在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。 (function(){ //找到文本框，并注册得到焦点事件。

可以在失去焦点的处理函数里面判断keycode是否为回车吧，else就走点击流程。

第二步，为文本框文字添加css属性，点击文本框，可以在css面板中直接选择颜色或填写值；（可以在网页中直接定义css，也可以新建一个css文件）显示效果 如果要实现鼠标点击灰色文字自动消失，需要使用js编程，可以在网上找js或jquery效果代码添加进页面内。

焦点指的是当你鼠标点击到文本框后可以开始输入的时候。

相关问答

Q1: 如何用jquery给li加边框

1、首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

2、新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。在test.html文件内，创建一个button按钮，给button绑定onclick点击事件，当按钮被点击时，执行addBorder()函数。

3、首先CSS3新增的：not()伪类选择符，匹配不含有选择符的元素。其次鼠标经过当前li，当前li添加上边框颜色变为红色，第一个li的上边框始终为红色。最后使用lastchild的border为none去掉最后一个元素的右边框即可。

4、新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用ul标签创建一个项目列表，在ul内，使用li创建三个项目，并且使用p标签创建一行文字。

5、用上面那代码让它自动变换，按钮的效果就是先clearInterval()让它停下来，然后获取当前停留li的index，然后上下按钮就是通过index控制添加css了，下面的a标签就是利用$(ul li：eq(i))还有来选择要添加css的li。

Q2: jquery怎么获取border的颜色

首先获取元素，然后使用css设置边框颜色即可。(#test).css(border-right-color，red)；通过上面的设置，就可以将元素id是test的元素的右边框设置成红色。

border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。border-color 属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为 4 个边分别设置不同的颜色。

在IE浏览器中，要获取边框这样的样式值，一定要记得给一个准确的边框值。例如： console.log($(#div1).css(Border-top-width))；//2px 获取包含了多个DOM元素的jQuery对象的样式，只能获取到第一个DOM对象的样式。

在index.html中的标签，输入jquery代码：(span).each(function () { if ($(this).css(color) === rgb(255， 0， 0)) { (body).append($(this).text())；} })；浏览器运行index.html页面，此时用jquery获取到了所有红色字体颜色元素并打印了内容。

使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】，而IE10，、Chrome、Firefox中则是以GRB格式显示【rgb(255，0，0)】，由于需要对颜色值进行判断处理，所以需要得到统一的颜色格式，最好是HEX格式的，方便处理点。

html中border的颜色输入不显示的解决办法：首先打开html编辑器，新建html文件。在index.html中的标签中，输入html代码。浏览器运行index.html页面，此时表格内只有第2个单元格有线框显示。

Q3: 怎么给div设置样式怎么给div设置样式颜色

首先font是一对常规标签，将字体文本内容放入标签内，font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。

给div添加一个class，比如div class=content/div，然后在css文件里写上：.content{width：600px；height：400px；background：red；}就可以了。

使用HTML： 在div标签中添加文本或其他标签。例如，可以在div中添加p标签来添加文本。div id=myDiv p这是我的div中的文本内容/p/div使用CSS： 为添加的内容设置样式. 通过选择器，找到需要设置样式的元素，然后给它设置样式。例如，可以使用id选择器来设置文本的颜色。

div标签如何让边框显示？div标签默认没有边框，但是可以通过编辑CSS来定义它的边框。border-left：1pxsolid#000设置对象左侧的1px纯黑边框。border-right：1pxsolid#000在对象的右侧设置1px纯黑边框。border-top：1pxsolid#000在对象顶部设置1px纯黑边框。

打开所要修改的网页，按下F12，弹出一个弹出框，点击弹出框的小箭头。

用JS给div添加样式是通过js操作css来实现的。

Q4: jquery弹出框后面背景变成黑色的那种是怎么做的

是利用全屏半透明的div遮住其他的页面元素，所以就不能点击了。在IE6下，一般多加一个iframe，否则不能遮住select标签。

这种就是点击弹出窗口，可以关闭，背景变暗，你所说的这几个需求都满足了。补充：还有这段代码。你试一下吧。

首先我们在页面放置一个用来触发弹出层的链接，也可以是个按钮button，注意的是我们给它设置一个data-show-layer属性，这个属性值对应的就是弹出层的id，也就是说通过data-show-layer来关联弹出层。很显然，上面的链接关联的弹出层的id是hw-layer。那好，选择我们来准备弹出层hw-layer的html代码。

如果你是用iframe来实现的这个效果，在iframe上加一个属性：scrolling=no如果是用div来实现这个效果，在标签上加一个属性：style= overflow：hidden，也可以把这个加到div的css属性中。

首先，检查是否开启了手机的夜间模式或阅读模式。这些模式通常会改变网页的背景色和字体颜色，以适应夜间阅读。如果是这种情况，只需关闭这些模式，网页就会恢复正常的颜色。其次，检查浏览器的设置。有些浏览器允许用户自定义网页的背景色和字体颜色。如果不小心更改了这些设置，就会导致网页背景变成黑白。

hide() 方法隐藏被选元素。这与 CSS 属性 display：none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。

关于jquery改变元素边框颜色和jquery改变背景颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。