jquery判断伪元素 jquery中判断某个类是否存在的方法

如何用JQuery操作CSS伪文档元素before或after中的content

::before，::after是伪元素并非doom元素，所以jquery无法选择伪元素。

如果确实需要实现修改伪元素的样式，可以通过下面的例子。

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

    titlepseudo-elements test by zhou2003737/title

    style type="text/css"

        p{

            color: deepskyblue;

        }

        p:before{

            content: attr(data-beforeContent);

            color: darkred;

        }

    /style

/head

body

    p data-beforeContent="测试"1111/p

/body

script type="text/javascript" src="jquery.min.js"/script

script type="text/javascript"

    $(function(){

        !--使用jquery1.8之前版本 click方法更改为toggle--

             var times = 0;

            $('p').on('click',function(){

                switch (times){

                    case 0:

                        $(this).attr('data-beforeContent','你说啥都是对的');

                        times++;

                        break;

                    case 1:

                        $(this).attr('data-beforeContent','你这么叼咋不上天呢');

                        times++;

                        break;

                    case 2:

                        $(this).attr('data-beforeContent','那就上天吧');

                        times++;

                        break;

                    default :

                        times =0;

                        $(this).attr('data-beforeContent','你说啥都是对的');

                        times++;

                        break;

                }

            });

    });

/script

/html

相关问答

Q1: 用jQuery定位:before伪元素

三角符号要定位到“这几个字”的中间？下面的框的位置不变？

那“这几个字”文字多了怎么办？？还是固定就这四个字？

Q2: jquery怎么判断页面中是否存在某元素

jquery判断页面中是否存在某元素，有一个思路是这样的：

比如：我们要判断页面中是否存在div元素，那么我们可以这样写：

script

if($('div').length0) {

alert('页面中存在div元素');

} else {

alert('页面中不存在div元素');

}

/script

上述代码思路说明 ： 判断某一个元素的集合的个数。若是为0，则代表没有这样元素；若是大于0，则代表有这个元素。

纯手打，望采纳。

Q3: jquery怎么判断是否有某个元素

用jQuery检查某个元素在网页上是否存在时，应该根据获取元素的长度来判断，代码如下：

if($("#tt").length 0) {

//元素存在时执行的代码

}

具体原因如下：

在JavaScript中，我们在使用传统的getElementById()和getElementsByTagName()时，如果在网页中找不到相

关元素，那么浏览器就会报错，影响后续代码的执行，所以为了避免浏览器报错，可以对元素进行判断，例如：

if(document.getElementById("tt")) {//js判断元素是否存在

document.getElementById("tt").style.color = "red";

}

如果要操作的元素很多，就需要大量重复的工作，这往往让人厌倦。而jQuery的一大优势就是它完善的处理机制，即使用jQuery获取网页中

不存在的元素也不会报错。这是因为$("#tt")获取的永远是对象，即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时，不能使用以下代码：

if($("#tt")) {

//永远执行，不管元素是否存在

}

这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。

jquery判断伪元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery中判断某个类是否存在的方法、jquery判断伪元素的信息别忘了在本站进行查找喔。