新建一个html文件， 定名为test.html， 用于实现利用jquery方式让一个div渐变消逝 。
文章插图
2在test.html， 利用script标签加载jquery.min.js库文件， 只有当作功加载该文件才能利用fadeOut()方式 。
文章插图
3在test.html页面， 建立一个div模块和一个button按钮， 别离设置它们的class属性名， 用于下面
对它们进行操作 。
文章插图
4利用css对div进行样式结构， 设置其高宽都为300px， 并设置其布景颜色为红色， 代码如下：
文章插图
5【jquery怎样让一个div渐变消失】给按钮绑定click点击事务， 在按钮被点击时， 执行function函数， 代码如下：
文章插图
6在function函数内， 获得div对象， 并利用fadeOut()方式让div迟缓（slow）地消逝 。
文章插图
7在浏览器打开test.html文件， 查看实现的结果， 可见当点击“逐渐消逝”按钮后， div渐变消逝 。
文章插图
文章插图
以上内容就是jquery怎样让一个div渐变消失的内容啦， 希望对你有所帮助哦！
推荐阅读
- jquery怎么获取或设置CSS中属性值的数值
- 茉莉花茶的具体窨制工艺
- 摇头丸是什么？服用摇头丸会让人短暂失忆么？
- 腾讯新闻怎样关闭个性推荐
- 怎样在拼多多中取消个性化推荐
- 怎样使用去球器去除衣服上的毛球
- 12306 抢票技巧
- 怎么让猫听话
- 怎样挑选甘甜多汁的橙子
- 上火了，怎样去火