jquery实现点击a标签后添加背景颜色

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内,使用p标签创建一个区域，下面将在p标签内添加一个a标签。

3、在testhtml文件内,设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“添加一个a标签”。

5、在testhtml文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行addaa（）函数。

6、在js标签中，创建addaa()函数，在函数内，创建一个变量html保存要添加的a标签，再使用append()方法向被选对象（p标签）内添加一个a标签。

更换背景有两种方式：

1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景就会覆盖之前的

$(this)css("background","url(1jpg) no-repeat 0 0");

2、写两个class，一个class里面写一个背景，js中 *** 作的话直接改变元素的class就可以了

$(this)removeClass('classA')addClass('classB');

相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景不断替换，而第一种不行

var xstart=Mathfloor(Mathrandom()24);

$("test_img")css("background-image","url(/img/testimg/text_"+xstart+"png)");

你第二行的变量如果我没猜错的话，你是用了PHP的模版语言，所以肯定是错的

//①首先要获得该元素背景的URL；

//②NEW一个对象

var bgimg = new Image();

//③给这个对象加上onload事件

bgimgsrc = '该元素背景的URL';

bgimgonload = function () {

//对象加载完成，对应的该元素背景也加载完成

}

$("divb")eq(0)css('background-image', 'url(' + ">

var divs = $('div');

for (var i = 0, len = divslength; i < len; i++) {

    consolelog($(divs[i])css('background-color'));

    if ($(divs[i])css('background-color') === 'rgb(0, 128, 0)') {

        consolelog('true');

    }

}

以div为例

以上就是关于jquery实现点击a标签后添加背景颜色全部的内容，包括:jquery实现点击a标签后添加背景颜色、JS/Jquery，如何实现背景图片的更换、jquery随机添加背景图的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！