html+jquery+css
代码编纂器:zend studio 10.0新建一个html文件,定名为test.html,用于讲解操纵jquery在某个div后添加一个div。
在test.html文件内,利用div建立一行文字,并设置div的id为mydiv,本家儿要用于下面经由过程该id获得div对象。
在test.html文件内,利用button标签建立一个按钮,按钮名称为“增添div”。
在test.html文件内,给button按钮绑心猿意马onclick点击事务,当按钮被点击时,执行adddiv()函数。
在js标签内,建立adddiv()函数,在函数内,界说一个要添加的div元素,为了展示结果,利用css设置其文字颜色为红色,将这个div保留在html变量中。
在adddiv()函数内,利用$符号经由过程div的id(mydiv)获得对象,利用append()方式标的目的此div添加上一步建立的div,代码如下:
在浏览器打开test.html文件,点击按钮,查看实现的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!