![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 72
XLjiqimaobuchiyu
每天分享一点web前端知识
展开
-
jQuery之css操作
jQuery之css操作: $(document).ready(function(){// $("li").css("backgroundColor","red");//// 1.单个设置标签的css样式 $("li").css("fontSize","18px").css("backgroundCo原创 2017-09-13 14:25:30 · 302 阅读 · 0 评论 -
jquery实现突出显示效果
jquery实现突出显示效果代码:在HTML中写出要展示的图片,直接采用ul和li标签;加上图片的目录 突出展示效果.nav ul li{list-style: none;float:left;}body{background-color: #000000;/*为了更好的看到突出效果,设置背景为黑色*/}$(documen原创 2017-09-12 21:28:37 · 1522 阅读 · 0 评论 -
jQuery实现仿淘宝下拉菜单
jQuery实现仿淘宝下拉菜单 首先分析下拉菜单,在淘宝中的商品导航中,将鼠标移入导航栏中显示下拉菜单,当鼠标移除导航栏是隐藏下拉菜单列表;所以很容易联想到使用到jQuery中的事件函数mouseover和mouseout。mouseout事件在鼠标从元素上离开后会触发。mouseover事件会在鼠标移入对象时触发。首先写出HTML代码:仿下拉菜单原创 2017-09-12 16:34:48 · 2064 阅读 · 0 评论 -
什么是jQuery?
jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an原创 2017-09-11 15:51:06 · 409 阅读 · 0 评论 -
jQuery实现固定导航栏效果
jQuery实现固定导航栏效果:固定导航栏效果*{margin: 0;padding: 0;}body{text-align: center;}.fixed{top: 0;left: 0;position: fixed;}$(document).ready(function(){// 入口函数$(w原创 2017-09-17 21:23:10 · 1084 阅读 · 0 评论 -
jQuery之remove和empty事件
jQuery之remove和empty事件原创 2017-09-15 09:57:28 · 1029 阅读 · 0 评论 -
jQuery特殊属性之val方法
jQuery之val方法原创 2017-09-15 10:29:01 · 721 阅读 · 0 评论 -
jquery实现仿火车官网城市选择切换案例
jquery实现仿火车官网城市选择切换案例 select { width: 200px; background-color: teal; height: 200px; font-size: 20px; } .btn-box { width: 3原创 2017-09-14 23:46:55 · 883 阅读 · 0 评论 -
jquery和JavaScript动态创建节点
jquery和JavaScript动态创建节点div{width: 200px;height:200px;background-color: #FF0000;}百度一下,你就知道现在通过JavaScript和jQuery分别动态创建a标签节点;JavaScript动态创建节点:div原创 2017-09-14 22:20:51 · 478 阅读 · 0 评论 -
jQuery实现仿淘宝tab栏切换效果
jQuery实现仿淘宝tab栏切换效果首先先把html页面主要展示的内容写出来: 国际大牌◆ 国妆名牌◆ 清洁用品◆ 男士精品 效果图如下:原创 2017-09-13 17:07:34 · 1604 阅读 · 0 评论 -
jQuery实现手风琴效果
jQuery实现手风琴效果*{margin: 0;padding: 0;}ul{list-style: none;}.parent{width: 200px;text-align: center;}.menu{border:1px solid #999;background-color: #e0ecff;}.g原创 2017-09-12 22:54:40 · 691 阅读 · 0 评论