jQuery
lelara
这个作者很懒,什么都没留下…
展开
-
第145天:jQuery.touchSlider触屏满屏左右滚动幻灯片
1,HTML 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <...原创 2018-01-14 22:22:00 · 348 阅读 · 0 评论 -
第69天:jQuery入口函数
一,jQuery的入口函数1,$(文件)。就绪(函数(){});2,$(函数(){});二,事件处理程序 1,事件源Js方式:document.getElementById(“id”)jQuery方式:$(“#id”)2,事件Js方式:document.getElementById(“id”)。的onclickjQuery方式:$(“#id”)。点击区别...原创 2017-10-30 22:46:00 · 97 阅读 · 0 评论 -
第70天:jQuery基本选择器(一)
一,jQuery基本选择器 jQuery的是JavaScript的一个的库,包含多个可重用的函数,用来辅助我们简化JavaScript的开发 jQuery的能做的 javascipt的都能做到,而 JavaScript的能做的事情,jQuery的不一定能做到。 1,CSS选择器 CSS 选择器回顾 符号 说明 ...原创 2017-10-31 22:20:00 · 201 阅读 · 0 评论 -
第71天:jQuery基本选择器(二)
jQuery的选择器一,内容过滤选择器 选择器 描述 返回 示例 :包含(文本) 匹配含有字幕:内容文本的元素 集合元素 $(“P:包含(今天)”) :空 匹配不含子元素或字幕:元素的空元素...原创 2017-11-01 23:04:00 · 80 阅读 · 1 评论 -
第73天:jQuery基本动画总结
一,DOM对象跟jQuery对象相互转换jQuery的对象转换成DOM对象:方式一:$(“#btn”)[0]方式二:$(“#btn”)。get(0)DOM对象转换成jQuery的对象:$(document) - >把DOM对象转成了jQuery对象var btn = document.getElementById(“bt n”);btn - > $(b...原创 2017-11-03 21:15:00 · 148 阅读 · 0 评论 -
第74天:jQuery实现图片导航效果
图片导航效果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7原创 2017-11-04 23:00:00 · 165 阅读 · 0 评论 -
第75天:jQuery中DOM操作
一,基础操作1.HTML()使用html()方法读取或者设置元素的innerHTML。就是相当于JavaScript的里头的innerHTML之中。2.text()使用文本()方法读取或者设置元素的innerText属性。就是相当于JavaScript的里头的innerText属性。3. attr()使用ATTR()方法读取或者设置元素的属性,对于jQuery的没...原创 2017-11-05 21:30:00 · 130 阅读 · 0 评论 -
第76天:jQuery中的宽高
窗口对象和文档对象的区别1,窗口表示对象浏览器中打开的窗口显示2,窗口对象可以省略,比如警报()也可以写成window.alert()文档对象是窗口的对象一部分浏览器的HTML文档成为dicument对象 window.location的和document.location窗口对象的位置属性饮用的是定位对象,表示该窗口中当前显示文档的URL文档对象的位置属性也是引用...原创 2017-11-06 22:40:00 · 83 阅读 · 0 评论 -
第77天:jQuery事件绑定触发
一,元素操作如图1所示, 高度和宽度$(“格”),高度()。//高度$(“DIV”)宽(); //宽度.height()方法和的CSS(“高度”)的区别:返回值不同,.height()方法返回的是数字类型(20),. css(“height”)返回的是字符串类型(20px),因此.height()方法常用在参与数学计算的时候2,坐标值$(“div”)。offset()...原创 2017-11-07 23:14:00 · 97 阅读 · 0 评论 -
第78天:jQuery事件总结(一)
jQuery的事件总结(一) 现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery的。 JavaScript的HTML和之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的。当文档或者它的某些元素发生某些变化或操作时,浏览器就会自动生成一个事件。当然使用传统的JavaScript的也能完成这些交互,但是jQuery的增加并扩展了基本的事件处理机制.j...原创 2017-11-08 23:38:00 · 87 阅读 · 0 评论 -
第79天:jQuery事件总结(二)
上一篇讲到的jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery的事件中的合成事件,事件冒泡和事件移除等内容。 一,合成事件 jQuery有两个合成事件 - hover()方法和toggle()方法,同就绪()方法一样,这些都是jQuery自定义的方法。 hover()方法: hover()方法的语法结构为:hover(...原创 2017-11-09 23:01:00 · 107 阅读 · 0 评论 -
第80天:jQuery插件使用
jQuery其他补充+ 4.1链式编程:end()补充*补充五角星评论案例*第一步:鼠标移入,当前五角星和前面的五角星变实体。后面的变空心五角星*第二步:鼠标点击的时候,为当前元素添加点击类,其他的移除点击类*第三步:当鼠标移开整个评分控件的时候,把clicked的之前的五角星显示实心+ 4.2隐式迭代*默认情况下,会自动迭代执行jQuery选择出来所有dom元素的操作。*如果获取的是多元素的...原创 2017-11-10 22:28:00 · 115 阅读 · 0 评论 -
第81天:jQuery 插件使用方法
在追求页面互动效果的时代,大家都想把页面效果做的美轮美奂,这一切都离不开前端技术脚本Javascript,而最近常被人用到的Javascript库文件则是jQuery.jQuery的使用具体步骤如下:一,调用库文件 使用jQuery必须链接jQuery的库文件,无论是压缩版还是正常版,必须至少在网页中链接一个,如: <script type =“text / javas...原创 2017-11-11 18:04:00 · 120 阅读 · 0 评论 -
第82天:jQuery中prop()和attr()的区别
在高版本的jQuery的引入道具方法后,什么时候该用的道具?什么时候用ATTR?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多这里谈谈我的心得,我的心得很简单:对于HTML本身元素就带有的固有属性,在处理时,使用道具方法。 对于HTML我们元素自己自定义的DOM属性,在处理时,使用ATTR方法。上面的描述也许有点模糊,举几个例子就知道了。 <a...原创 2017-11-12 22:40:00 · 80 阅读 · 0 评论 -
第83天:jQuery中操作form表单
操作形式表单1, 属性操作设置属性://第一个参数表示:要设置的属性名称//第二个参数表示:该属性名称对应的值$(selector).attr(“title”,“传智播客”);获取属性://参数为:要获取的属性的名称,改操作会返回指定属性对应的值$(selector).attr(“title”);此时,返回指定属性的值移除属性://参数为:要移除的属性...原创 2017-11-13 23:42:00 · 91 阅读 · 0 评论 -
第84天:jQuery动态创建表格
jQuery的动态创建表格 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>动态创建表格</title> 6 <script src=&q原创 2017-11-14 22:55:00 · 115 阅读 · 0 评论 -
第208天:jQuery框架封装(一)
一、事件框架1、DOM2 --事件流事件流 :冒泡 捕获1.1冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象或者body)的顺序触发。1.1.1浏览器兼容问题处理如何去判断一个浏览器是否支持某个功能其实就是判断对象是否拥有某个方法或者属性1 if(dom.addEventListener ){2 dom.addEventListen...原创 2018-03-30 15:15:00 · 90 阅读 · 0 评论