文章分类 -  Jquery

 
jquery——获取页面URL相关
摘要：jquery获取当前页面的URL信息 以前在做网站的时候，经常会遇到当前页的分类高亮显示，以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大，也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前URL的详细信息来判断。所以收集了JQUERY获取URL的函数的 阅读全文
posted @ 2018-07-30 12:02 笨笨是个名字 阅读(75) 评论(0) 推荐(0)
jquery——点赞+1的动画效果
摘要：(function ($) { $.extend({ tipsBox: function (options) { options = $.extend({ obj: null, //jq对象，要在那个html标签上显示 ... 阅读全文
posted @ 2018-07-22 12:25 笨笨是个名字 阅读(722) 评论(0) 推荐(0)
jquery——遍历
摘要：jquery在传递数据的时候，传递的是对象， 在jquery中遍历元素，不能使用for i in obj 的形式，可以使用如下each： 阅读全文
posted @ 2018-05-26 09:14 笨笨是个名字 阅读(100) 评论(0) 推荐(0)
jquery——关于attr和prop的不同
摘要：在jQuery 1.6之前，只有attr()函数可用，该函数不仅承担了attribute的设置和获取工作，还同时承担了property的设置和获取工作。例如：在jQuery 1.6之前，attr()也可以设置或获取tagName、className、nodeName、nodeType等DOM元素的p 阅读全文
posted @ 2018-05-24 11:29 笨笨是个名字 阅读(280) 评论(0) 推荐(0)
jquery——关于checkbox的操作技巧
摘要：1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val(); 2、 获取多个ch 阅读全文
posted @ 2018-05-24 10:52 笨笨是个名字 阅读(77) 评论(0) 推荐(0)
jquery——bootstrap（二）
摘要：继续关于jquery中CSS组件的使用： 一、缩略图 与栅格属性一起使用，展示栅格样式的图像、视频等内容，其中可以添加html内容， <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>fenye</title> 阅读全文
posted @ 2017-09-12 13:34 笨笨是个名字 阅读(107) 评论(0) 推荐(0)
jquery——bootstrap（一）
摘要：bootstrap是基于less、sass编写的，关于html、css、jquery的方法封装， 主要用于对页面的重写，突出特点： 1、响应式；2、栅格布局；3、支持bootSDN； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2017-09-11 09:19 笨笨是个名字 阅读(139) 评论(0) 推荐(0)
jquery——插件（网站资源）
摘要：有许多优秀的jquery插件网站，简要记录如下： 一、Boot strap：栅格、响应式布局 网址：http://www.bootcss.com/， 二、Font Awesome：字体 网址：http://fontawesome.io/ 三、bxslider：轮播图 网址：http://bxslid 阅读全文
posted @ 2017-09-04 19:36 笨笨是个名字 阅读(136) 评论(0) 推荐(0)
jquery——动画
摘要：一、基本动画效果 （一）隐藏、显示： hide、show、toggle， 可以带有参数：1、指定速度的字符串：“slow”、“normal”、“fast”；2、表示时长的毫秒数，1000=1秒；3、可以回调函数，在指定事件完成效果后，调用的函数； <!DOCTYPE html> <html lang 阅读全文
posted @ 2017-08-28 12:09 笨笨是个名字 阅读(120) 评论(0) 推荐(0)
jquery——事件
摘要：（一）事件添加 1、直接添加：$（"：button"）.click（function（）{ }） 2、bind添加：$（“：button”）.bind（“click”，function（）{ }） 3、delegate：$（“ul”）.delegate（“li”，“click”，function（） 阅读全文
posted @ 2017-08-25 16:29 笨笨是个名字 阅读(95) 评论(0) 推荐(0)
jquery——操作
摘要：一、文本操作 关于标签内文本，可以使用:text（） 和 innerText， （一）text（）：适用于jquery，可以同时操作$（selector）列表，无参数时返回标签内文本，一个字符串参数时进行标签内文本设置， （二）innerText：仅适用于DOM节点，一次仅操作一个节点，innerT 阅读全文
posted @ 2017-08-25 16:28 笨笨是个名字 阅读(103) 评论(0) 推荐(0)
jquery——实例
摘要：一、滚动菜单：outerHeight、offset-top、scrollTop、height、 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>左侧菜单</title> <style> body{margin 阅读全文
posted @ 2017-08-25 16:26 笨笨是个名字 阅读(113) 评论(0) 推荐(0)
jquery——基本介绍
摘要：Jquery的宗旨：写的更少、获得更多。 jquery现在有许多版本，2之后添加了许多新功能，但是不在对低版本浏览器兼容， 这里使用的是：jQuery v1.12.4，代码如下： /*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/lice 阅读全文
posted @ 2017-08-25 14:50 笨笨是个名字 阅读(209) 评论(0) 推荐(0)
jquery——选择器、筛选器
摘要：（一）基本选择器： 1、根据类名、id名、标签名，直接选择； 2、* 选择全部标签，包含body； 3、选择器之间用逗号隔开，可同时并列选择多个， <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery 阅读全文
posted @ 2017-08-22 14:40 笨笨是个名字 阅读(252) 评论(0) 推荐(0)