JQUERY
JQUERY
alokka
前端劝退师
展开
-
JQUERY实现列表检索功能
这是一个简单的列表 右上角有一个检索功能 我们要实现的是列表检索功能 是用的jquery实现的 具体代码如下$(function(){ $("input[type=button]").click(function(){ var txt=$("input[type=text]").val(); if($.trim(原创 2017-07-16 23:27:00 · 1192 阅读 · 0 评论 -
鼠标移入显示二维码(原生、JQURY两种方式)
效果是这样滴~~ JQUERY的方式<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script> <sty原创 2017-06-18 17:57:06 · 2480 阅读 · 0 评论 -
jquery的$(function(){})和 window onload的区别
在Jquery里面,我们知道入口函数有两种写法:$(function(){}) 和$(document).ready(function(){}) 作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 重点内容 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(d原创 2017-09-04 13:38:06 · 1759 阅读 · 0 评论 -
JQUERY的DOM操作大全
对于dom的全称大家都知道吧,DOM是Document Object Model的缩写,其意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用dom接口很容易的访问页面中所有标准组件。dom操作一般可以分为三个方面即DOM Core(核心)、HTM-Dom和CSS-DOM。 每一个网页都可以用DOM表示出来,每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一原创 2017-07-10 16:32:01 · 772 阅读 · 0 评论 -
JQUERY获取元素高度、宽度、偏移量
$(obj).scroll():元素滚动事件;$(window).resize():浏览器窗口伸缩事件;$(obj).offset().top:获取元素到页面顶端的距离;$(obj).offset().left:获取元素到页面左侧的距离;$(obj).scrollTop():获取滚动距离(上侧);$(obj).scrollLeft():获取滚动距离(左侧);$(obj).width():获原创 2017-07-06 13:47:40 · 953 阅读 · 0 评论 -
JQUERY右侧悬浮返回顶部代码
这个是用JQURY实现的一键置顶功能 直接复制粘贴代码就可以用了哦~~ 具体效果如下 比心♥~~ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery右侧悬浮返回顶部代码</title></head><script src="http://apps.bdimg.com/libs原创 2017-06-22 18:00:36 · 1946 阅读 · 0 评论 -
JQUERY一键置顶小插件
一键置顶的小插件代码 具体效果如下了 把图片地址换一下就可以用了~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml原创 2017-06-22 17:36:01 · 2904 阅读 · 0 评论 -
jquery中attr和prop的区别
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。上面的描述也许有点模糊,举几个例子就知道了。 <a href="原创 2017-06-22 17:05:30 · 205 阅读 · 0 评论 -
JQUERY实现下拉菜单
基本效果是这样的~~ <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; }原创 2017-06-18 17:07:55 · 1045 阅读 · 0 评论 -
jQuery自制手风琴效果增强版(附实现原理)
手风琴菜单栏效果通常用在页面左侧,当导航内容比较多时使用手风琴的展示方式更有利于信息的传递和排版,我在http://blog.csdn.net/lzgs_4/article/details/48101877博主的基础上又增加了点击出现点击收缩的功能(具体效果可以看gif)具体代码如下啦~~ 因为是引用的百度静态资源公共库http://cdn.code.baidu.com/,所以直接把代码复制粘贴就原创 2017-06-15 22:52:52 · 4930 阅读 · 0 评论 -
JQUERY实现TAB切换
博主是一枚前端小菜鸟,因为挺长时间没接触页面布局了,居然连tab栏切换都给忘了,后来博主看了一些前端资料还有书,发现网上的很多方法都杂乱无章,看的云里雾里的,冗余代码太多,这让新手小白会很苦恼,所以博主想自己通过小菜鸟的视角来写一个用jquery实现的tab栏切换,而且复制粘贴代码到你们自己的编辑器,就能直接查看效果的哦,非常方便比心♥♥,喜欢博主写的文章的可以顶一下,或者再底下评论哈,让我知道你们原创 2017-06-30 00:39:13 · 13142 阅读 · 3 评论 -
JQUERY的AJAX中 get()、post()的跨域方法
get()请求: $.ajax({ type: "get", url: "你的请求地址", dataType: 'jsonp', //【jsonp进行跨域请求 只支持get】 data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】 "a":"b", ...原创 2018-10-15 16:01:51 · 32126 阅读 · 6 评论 -
JQUERY中attr()和css()的区别
attr()方法是用来获取和设置元素的属性。removeAttr()方法是用来删除元素属性。获取元素的属性,那么只需要给attr()方法传递一个参数,即属性名称。$("img").attr("width");设置或修改元素的属性,需要传递一个属性名和属性值。$("img").attr("width","500");可以设置或修改例如的src属性,可以设置或修改的href属性, 可以设置或修改的tit原创 2017-08-04 15:00:27 · 539 阅读 · 0 评论 -
基于 jquery、iscroll 写的一个导航栏 navscroll 插件
移动端h5导航小插件利用 juery + iscroll说明一步登天做不到,但一步一个脚印能做到;一鸣惊人不好做,但一股劲做好一件事,可以做;一下成为天才不可能,但每天进步一点点有可能这是我第一次写一个 jquery 的小插件 仿照了网上的一个demogithub地址:https://github.com/peiluojia/navscroll喜欢的可以给个 star ...原创 2019-09-26 15:44:30 · 1066 阅读 · 0 评论