
jquery
文章平均质量分 65
木木格里
喔喔喔。。
展开
-
jQuery中获取高度的方法
alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度用一句话理解就是:当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。当网页高度不足浏览器窗口时$原创 2016-11-23 21:31:10 · 583 阅读 · 0 评论 -
jquery用法--jquery盒子模型
jquery的盒子模型主要是用来区分jQuery中所定义的宽高方法在盒子模型中的具体的大小以及它所包含哪几个部分。例如定义一个div样式如下:#dvi{ width: 100px; height: 100px; margin:50px; padding:50px; bor原创 2017-01-17 17:11:56 · 1237 阅读 · 0 评论 -
jquery用法--css操作
1、在jquery中对css的操作主要是在js中对元素进行样式的设置;写法一:css操作$(document).ready(function(){ $('#dvi').css('width','100px'); $('#dvi').css('height','100px'); $('#dvi').css('background','red');})原创 2017-01-17 16:43:05 · 320 阅读 · 0 评论 -
jquery用法--删除元素
jQuery中两个删除的方法是:remove empty两者的区别是:remove 是删除掉这个元素;empty是将元素内的内容置空;具体例子如下: hahaha hello world hell world删除$(document).ready(function(){ $('#btn1').click(function(){//原创 2017-01-17 16:20:37 · 255 阅读 · 0 评论 -
jquery获取元素内容
jquery 在获取元素内容的时候,.text()和.html()都可以获取到元素的内容,但是这两者到底有什么区别呢?下面让我们来看一个例子:今天天气不错哈!点我 js部分$('#btn').click(function(){alert('text:'+$('#text').text());alert('text:'+$('#text').html());/两种写法都可以原创 2017-01-17 10:21:58 · 858 阅读 · 0 评论 -
jquery用法-添加元素
我们常用到的添加方法主要有:append prepend before after 下面通过例子来说明它们之间的不同:1、添加内容hello worldp id="p2">hell worldp>button id="btn1">按钮button>button id="btn2">按钮2button> $(document).ready(function(){原创 2017-01-17 15:52:21 · 308 阅读 · 0 评论 -
单选按钮radio样式的改变
很多时候,我们都会用到radio,但是又觉得它默认的样式不好看,所以就需要我们自己来进行修改;1、首先写一个input; p> span class="circle-btn">span> input type="radio" value="1" name="country" class="radio" checked> label for="a" class="ra原创 2017-01-16 11:25:43 · 3170 阅读 · 0 评论 -
jQuery 用法二
打开浏览器 点击之后,会打印2条信息添加解除绑定$('button').unbind('click',bindtwo);再次点击后发现,只弹出一条信息;第二个绑定函数已经被解除成功!因为bind和click事件基层上都是通过调用on方法来实现的,所以 bind和click也可用on方法来代替;4、事件的焦点:: blur(挡元素失去焦点时触发),通常blur事件被用在表格原创 2017-01-04 20:28:48 · 220 阅读 · 0 评论 -
jQuery 使用笔记(一)
总结下jquery的使用方法,算是一知识巩固吧!jQuery主要包含以下几个方面的内容: HTML元素设计 HTML元素操作 CSS操作 HTML事件函数 Javascript特效和动画 HTML DOM 遍历和修改 AJAX Utilities在使用jQuery之前一定要记得先引入jquery外部文件;;一、jQuery语法$(选择器).操作();例如:$(原创 2017-01-03 20:21:19 · 257 阅读 · 0 评论 -
Magnific Popup使用方法
1、引入外部文件 magnific-popup.css和 jquery.magnific-popup.js 如果你已经导入了 jQuery.js,就不要再次包含它。当然你可以使用jQuery.noConflict(); 2、初始化poopupPopup 的初始化代码应该在document(文档)ready之后执行,例如: $(docu原创 2016-12-25 21:11:08 · 7170 阅读 · 0 评论 -
jquery中获取兄弟元素的方法
如果要获取下例中所有的 h1的直接兄弟元素h2:Main titleSection titleSome content...Section titleMore content...可以直接使用$('h1 + h2')// Select ALL h2 elements that are adjacent siblings of H1 elements.例如: $(原创 2016-11-24 09:33:45 · 985 阅读 · 0 评论 -
jquery事件代理方法
之前写过原生js的事件代理,最近在用jquery写项目,自然少不了事件代理,所以今天就来写下jquery的事件代理:例如下面的例子:用事件代理的方法给每个li都添加一个点击事件,HTML代码:onetwothreefour实现功能:当点击每个子元素时,被点击的元素就会消失;js代码:$('ul').on('click','li',funct原创 2016-11-24 08:49:13 · 7063 阅读 · 0 评论 -
jQuery用法--遍历
1、向下遍历 children find.children() :只遍历儿子,即只向下找一个元素,可以传参也可以不传;.find():必须传入参数,可以向下找任何一个元素。2、向上遍历:parent parents parentUntil.parent:只能找到它的直接父类,只能找一层.parents():能找到元素向上所有的元素.parentsUntil() :它原创 2017-01-17 17:44:16 · 230 阅读 · 0 评论