jquery
文章平均质量分 51
羊崽
寂寞、空虚、冷
展开
-
jquery选择器
jquery的九大选择器:l 基本选择器 #id id选择器 标签选择器 selector1,selector2 组合选择器 .class 类选择器2、层级选择器 ancetor descendant 匹配指定的祖先元素下的所有后代元素(所有的子、孙) parent > child匹配父元素下的所有子元素(只能找到儿原创 2016-09-05 14:21:55 · 275 阅读 · 0 评论 -
jquery文档处理(增、删、改、查))
1. 插入 append(content):将content内容插入到匹配元素内容的最后 prepend(content):将content内容插入到匹配元素内容的最前内容插入最后插入最前$(function(){$('#append').bind('click',function(){$('span').append('jquery')原创 2016-09-05 17:44:42 · 1847 阅读 · 0 评论 -
jquery效果
1、基本效果l show():显示l show(speed,[callback]) :以动画方式显示n speed:动画持续多少毫秒n callback:可选项 回调函数 动画执行完后执行的函数l hide():隐藏l hide(speed,[callback]) :以动画的方式隐藏n speed:动画持续多少毫秒n callback:可原创 2016-09-05 17:41:03 · 395 阅读 · 0 评论 -
jquery事件绑定
1)bind(type,[data],fn):对元素进行事件绑定 绑定一个事件jquery对象.bind(“click”,function(){ //事件发生后要执行的代码} );点击$(function(){$('button').bind('click',function(){alert('这是一个绑定事件');});});原创 2016-09-05 17:18:06 · 215 阅读 · 0 评论 -
jquery事件切换
l hover(over,out) 指的是鼠标覆盖、离开的时候,进行切换参数:over指的是当鼠标覆盖时 out指的是当鼠标离开时 over、out都是匿名函数鼠标覆盖再离开$(function(){$('#btn').hover(function(){alert('鼠标覆盖事件');},func原创 2016-09-05 17:10:44 · 343 阅读 · 0 评论 -
jquery常用事件
l blur(fn) 失去焦点l change(fn) 当内容改变时l click(fn) 当单机时l focus(fn) 获取焦点时l keydown(fn) 当键盘按下时l load(fn) 当页面加载时l unload(fn) 当用户离开页面时mouseover(fn)当鼠标覆盖是l mouseout(fn) 当鼠标离开时l scr原创 2016-09-05 17:03:04 · 217 阅读 · 0 评论 -
jquery与javascript的页面载入事件
javascript页面载入windown.onload(){alert('hello');}jquery页面载入$(function(){alert('hello');});原创 2016-09-05 16:54:30 · 473 阅读 · 0 评论 -
jQuery对尺寸的操作
l width()获取元素的宽度 l width(value)设置元素的宽度l height()获取元素的过渡l height(value)设置元素的高度确认$(function(){$('#btn').bind('click',function(){$('#img').width('150px');$('#img').height('1原创 2016-09-05 16:45:56 · 285 阅读 · 0 评论 -
一、jQuery对html值、文本的操作
html() 获取双边标记中的内容 可以获取到内容中的标签和文本 text() 获取双边标记的文本内容 只能获取到文本jquery确认$(function(){$('#btn').bind('click',function(){alert($('div').html());});$('#btn').bind('click',f原创 2016-09-05 16:31:32 · 339 阅读 · 0 评论 -
使用jqury在指定表格列与行输出指定内容
---css样式td{width:50px;height:15px;font-size: 14px;}----html代码 行数:列数内容:提交----jquery代码wind原创 2016-09-05 14:55:08 · 583 阅读 · 0 评论 -
jquery对style属性的操作
css(name) 访问css(name,value) 添加或者修改一个值css(properties) 添加或者修改多个值 需要使用json格式window.onload=function(){var imgObj=$('img');var data={'width':'258px','height':'258px'}imgObj原创 2016-09-05 15:33:25 · 6822 阅读 · 0 评论 -
jquery对class进行操作
l addClass(class) 添加指定的样式l removeClass(class) 移出指定的样式l toggleClass(class) 如果指定的样式原来已经有了,就删除;如果没有就添加l hasClass(class) 判断是否有指定的样式 返回值有:true,没有:false 表示同时引入三个样式确认windo原创 2016-09-05 15:23:09 · 1929 阅读 · 0 评论 -
jQuery对标签属性的操作
1、属性l attr(name) 访问指定的的属性l attr(key,value) 设置或修改属性 img对象.attr(“width”,”300”)l attr(properties)一次设置多个属性 需要使用json格式{ 属性名1:值1,属性名2:值2,属性名3:值3}l removeAttr(name) 移出指定的属性原创 2016-09-05 15:14:21 · 497 阅读 · 0 评论 -
DOM对象与jQuery对象的相互转换
1)将jquery对象转换为dom对象标题确认window.onload=function(){var btnObj=$("#btn");btnObj[0].onclick=function(){alert($('input').val());}}2)dom对象转换为jquery对象标题确认原创 2016-09-05 15:02:58 · 289 阅读 · 0 评论 -
jquery 滑动验证码
只获取到滑动时间,滑动的长度。 效果: html页面 >> 拖动滑块验证var startTime =0; varendTime = 0; varnumTime = 0; $(function() { var slider = newSliderUnlock("#sli转载 2016-11-08 12:00:46 · 9994 阅读 · 1 评论