首页 / JQUERY / jquery的基本语法
jquery的基本语法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery的基本语法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含951字,纯文字阅读大概需要2分钟。
内容图文
![jquery的基本语法](/upload/InfoBanner/zyjiaocheng/287/283b19d90c734636825f146271ebd854.jpg)
基本流程:
1-使用选择器找到DOM元素并打包生成jQuery对象
2-调用jQuery方法对找到的元素进行操作
总结: 找到元素,然后操作
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>4.jquery的基本语法</title> </head> <body> <script type="text/javascript" src="../js/jquery-3.3.1.js"></script> <script type="text/javascript"> // 选择到<span>标签中的文本,将它的前景色设置为红色 $('h2 span').css('color','red') //我们还可以修改一个元素的内容 $('p+p').html('终于找到你了,开工吧') //补充知识: $()还可以创建一个新元素 $('<img src="../images/zly.jpg" width="150">') //为什么看不到呢?因为你还没有把这个元素添加到当前页面中 //insertAfter(元素):插入到指定元素的后面 // $('<img src="../images/zly.jpg" width="150">').insertAfter('h2') //我们还可以对新插入的元素进一步的处理:例如修剪成圆形 $('<img src="../images/zly.jpg" width="150">').insertAfter('h2').css('border-radius','50%') </script> </body> </html>
以上就是jquery的基本语法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的jquery的基本语法全部内容,希望文章能够帮你解决jquery的基本语法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。