jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环.

jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环.,第1张

1、新建一个html文件,命名为test.html,用于讲解&gt怎么让jquery事件执行一次。

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法

3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。

4、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。

5、在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中。

6、在function()方法内,使用alert()方法将获得的内容输出来。

7、在浏览器打开test.html文件,点击文字,查看实现的效果。

<script>

function chgB(odiv)

    {

        if( odiv.className=="bbb")

            {

            odiv.className="class"

            }

        else

            {

            odiv.className="bbb"

            }

        

    }

</script>

</head>

<body>

<div class="cont">

            <div class="bbb" id="aaa"><a href="#" onclick="chgB(this)">F1</a></div>

     <div class="bbb" id="aaa"><a href="#" onclick="chgB(this)">F1</a></div>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11801747.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存