jquery在元素后面添加,jquery在元素前面添加元素

　　本教程运行环境：windows7系统，jQuery 1 . 10 . 0版，Dell G3电脑。

　　jquery怎样给元素增加classname

　　1.创建一个新的html页面，然后向该html页面添加一个包含文本和click事件按钮的div，然后向该按钮添加一个click事件。

　　Html代码：

　　Div= add 单击按钮添加一个类/div

　　type= button value= add class onclick= add BTN()/添加类class的样式。在title标记之后创建一个style标记，然后为该标记设置一个字体大小样式类。

　　Css代码：

　　风格

　　. fs40{

　　字体大小：40px

　　}

　　/style2。介绍jquery库。在style标签后引入一个jquery库。创建一个scritp标记，其中使用addClass()方法将class类添加到div标记中。

　　Js代码：

　　脚本类型=文本/javascript

　　函数addBtn(){

　　$(#add )。addClass(fs40 )

　　}

　　/script保存html代码页，然后用浏览器打开它。点击按钮图标，可以看到div标签的字体被放大，表示class类添加成功。

　　寻呼所有代码。可以直接复制所有代码，粘贴到一个新的html页面，修改jquery库的引入路径，保存html代码，在浏览器中打开，点击按钮看效果。

　　所有代码：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=UTF-8

　　标题/标题

　　风格

　　. fs40{

　　字体大小：40px

　　}

　　/风格

　　脚本类型= text/JavaScript src= js/jquery-1 . 9 . 1 . js /script

　　脚本类型=文本/javascript

　　函数addBtn(){

　　$(#add )。addClass(fs40 )

　　}

　　/脚本

　　/头

　　身体

　　Div= add 单击按钮添加一个类/div

　　type= button value= add class onclick= add BTN()/

　　/body

　　/html输出结果：

　　相关视频教程推荐：jquery视频教程以上是jQuery如何给元素添加classname的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。