通过点击按钮实现给段落的标签添加背景颜色

<!DOCTYPE html>
<html>
    <head>
        <!--实现给段落的标签添加背景颜色-->
        <meta charset="utf-8">
        <title>jQuery</title>
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("button").click(function(){
                    $("p#p_id1").css("background-color","red");
                    $("p#p_id2").css("background-color","blue");
                });
            });
        </script>
    </head>
    <body>
        <h2>点击</h2>
        <p id="p_id1">1234</p>
        <p id = "p_id2">56789</p>
        <button>点击按钮</button>
    </body>
</html>

原文地址：https://www.cnblogs.com/zxrxzw/p/10821089.html

时间： 2024-10-05 09:50:35

通过点击按钮实现给段落的标签添加背景颜色的相关文章

节点之点击按钮设置div中p标签改变背景颜色

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300px; height: 450px; border: 1px solid red; } </style> </head> <body> <input type="but

JavaScript DOM操作案例点击按钮修改div的属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="修改属性" id="bt"/> <div id=&q

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "PingFang SC" } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "PingFang SC"; min-height: 17.0px } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #e82300 }

Python3 Tkinter基础点击按钮退出窗体 root.quit

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: from tkinter import * root = Tk() #你在IDLE的环境下,点击按钮,并没有发生预期的效果 #因为IDLE也是用tkinter写出来 #当你直接双击.py 文件后,在点击按钮退出.就正常了 Button(root,text='退出

原生JS编写图片切换效果和点击按钮的样式变化

这两天更进一步的了解了JS,老师让我们用原生的js编写图片切换和改变点击按钮样式,就是让我们学会怎么去把一个问题拆分,怎么将一个大问题拆分成许多的小问题,再用函数封装起来.比如一个点击按钮,让其点击时背景色发生改变,点击另一个时,上一个按钮要变回原来本有的颜色:这个问题用jquery,一行代码就搞定,但是用原生js就得分三个部分来考虑: 1.添加改变背景的样式. 2.怎么获取到除了当前点击的按钮以外其他的兄弟节点. 3.怎么去除按钮的样式属性. 也讲了事件委托,实现了可以删除新添加的元素的功能.

Android开发之点击按钮效果

还在Android入门中,写点东西总结记录一下,提高效率,促进学习. (有些地方会被和谐,所以拆开了,比如on click) 首先了解一下Android中button类的几种常用实现方法: 第一种:匿名内部类作为事件监听器推荐使用这种方法. 第二种:内部类作为事件监听器第三种:Activity本身作为事件监听形式简洁但是程序结构有点乱. 第四种:直接绑定到标签在布局文件中需要指定on Click属性,其han der()方法需要在.java文件中定义,如下: 对应的java代码如下: 1

页面table的每行都有一个<input type='button' />,如何实现点击按钮在按钮下方弹出一个div，点击空白消失

\ <input id="test" type="button" />/*按钮*/ <div id="tanchu"></div> <script language="javascript"> $(document).ready(function(e) { $("#test").click(function(e) { $("#tanchu"

Android Alert Dialog解决点击按钮对话框不关闭的问题

Android alertDialog中左中右三个按钮,点击按钮的时候,即使没调用dismiss方法,系统也会默认的去调用,而把这个对话框被关闭掉,但是我们的一些实际需求,就需要保留这个对话框不动,例如输入校验码,密码之类的校验问题,如果用户输入错误,而关闭后弹出对话框,就很别扭了.这里有个方案可以解决这个问题,使得即使按钮事件发生了,也不会关闭对话框.核心思想是欺骗一下系统,在点击事件里,修改该对话框的显示状态为关闭,则系统就不会去关闭该对话框了.具体实现代码如下: /** @author s

点击按钮，导入excel

需为2003版本 private void button1_Click(object sender, EventArgs e) { string resultFile = ""; OpenFileDialog openFileDialog1 = new OpenFileDialog(); openFileDialog1.InitialDirectory = "D:";