随笔分类 -  jQuery

利用jQuery实现的简单效果小案例
字符串拼接中去除最后一个；号
摘要：效果如下所示： 第二排数据为去除之后的效果展示 阅读全文
posted @ 2018-08-23 16:30 呀，西蓝花 阅读(254) 评论(0) 推荐(0)
排他思想---点击当前按钮背景颜色变化
摘要：排他思想：清除所有的按钮的样式，只剩下自己。 代码如下： 效果展示如下： 阅读全文
posted @ 2018-04-27 14:58 呀，西蓝花 阅读(335) 评论(0) 推荐(0)
回车提交表单input框的输入内容
摘要：代码如下： input框中输入内容后按下enter回车键就会弹出input中输入的内容； 效果展示如下： 阅读全文
posted @ 2018-04-25 14:36 呀，西蓝花 阅读(286) 评论(0) 推荐(0)
使用动画效果实现类似于视频来电时的布局以及效果
摘要：html代码如下： css代码如下： js代码如下： 效果展示如下： 阅读全文
posted @ 2018-04-25 08:17 呀，西蓝花 阅读(308) 评论(0) 推荐(0)
鼠标移入相应的位置，title显示出相应标签的内容
摘要：html代码如下： css代码如下： js代码如下： 效果图如下： 阅读全文
posted @ 2018-04-25 08:04 呀，西蓝花 阅读(1594) 评论(0) 推荐(0)
判断input框是否为空
摘要：需求： 当input框失去焦点时：判断，如果输入框内容为空则获取焦点；否则弹出输入框的内容。 阅读全文
posted @ 2018-04-24 09:03 呀，西蓝花 阅读(1494) 评论(0) 推荐(0)
判断元素是否显示隐藏的方法
摘要：第一种：使用css属性 第二种：使用jQuery内置的选择器 假设页面布局是以下这样： 那么，我们可以用以下语句来判断id为"test"的标签是否隐藏： 可以将获取的元素赋值给一个变量： 比如： 阅读全文
posted @ 2018-04-24 08:31 呀，西蓝花 阅读(391) 评论(0) 推荐(0)
利用jQuery实现多选框选中与未选中
摘要：所用到的知识点： 1、iconfont图标库的运用； 2、改变input的多选框默认的样式，所运用的小知识点利用label标签； 以上代码中运用到的图标都是利用iconfont图标库；其中iconfont.css我没用引入代码，如果想了解iconfont图标库的运用，请查看地址：http://www 阅读全文
posted @ 2018-04-13 16:47 呀，西蓝花 阅读(446) 评论(0) 推荐(0)
jQuery实现搜索框文字内容可删除
摘要：以下代码中用到的知识有： 1、图标使用的是iconfont的图标库，若要了解其具体使用的方法，请查看博客--iconfont的使用方法； 2、jQuery的on()代理； 3、jQuery的keyup()方法： 定义： 完整的 key press 过程分为两个部分，按键被按下，然后按键被松开并复位。 阅读全文
posted @ 2018-04-13 15:04 呀，西蓝花 阅读(513) 评论(1) 推荐(0)
jQuery用on()代理的方法实现鼠标点击事件，当前的背景色变化其他的背景色不变
摘要：1111111 2222222 3333333 4444444 5555555 6666666 7777777 阅读全文
posted @ 2018-04-13 14:45 呀，西蓝花 阅读(274) 评论(0) 推荐(0)
jQuery实现鼠标的移入移出效果
摘要：利用jQuery的hover方法实现鼠标的移入移出效果，代码如下所示： hover()方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。 方法触发mouseenter和mouseleave事件 阅读全文
posted @ 2018-04-13 14:15 呀，西蓝花 阅读(24331) 评论(3) 推荐(0)