front-end-jqurey
文章平均质量分 84
飞鸿酱
这个作者很懒,什么都没留下…
展开
-
jQuery系统的学习(一)
之前,有零碎的学习过jqurey,但是我觉得不够,必须系统的学习jqurey。https://www.runoob.com/try/try.php?filename=tryjquery_hide下面所有代码都可以在某鸟在线编辑里尝试运行。我的代码与某鸟教程里不一样。但是我也是跟着他学习。<!DOCTYPE html><html> <head> <m...原创 2018-05-13 09:49:11 · 1194 阅读 · 0 评论 -
jquery选择下拉框触发事件的实现
因为jquery选择下拉框触发事件的实现而焦头烂额,先前我用了对下拉框option中的id用了click事件,在火狐中竟然能运行而在其他浏览器却不行,这让我一度以为是浏览器兼容问题。错错错,option中没有id也没有click事件。我的天,超级发现问题超级开心。下面是我的实现。所需知识bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。其语法为:$(selector...原创 2018-06-06 21:07:31 · 32918 阅读 · 2 评论 -
jQuery各版本CDN
jquery-3.3.1(最新)官网jquery压缩版引用地址:<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>jquery-3.2.1(最新)官网jquery压缩版引用地址:<script src="https://code.jquery.com/jquery-3.2.1.min....原创 2018-06-06 18:57:16 · 8015 阅读 · 0 评论 -
jQuery系统的学习(八)
jquery选择器http://www.runoob.com/jquery/jquery-ref-selectors.htmljquer事件方法http://www.runoob.com/jquery/jquery-ref-events.htmljquery效果方法http://www.runoob.com/jquery/jquery-ref-effects.htmljquery css/html...原创 2018-05-24 17:24:50 · 179 阅读 · 0 评论 -
jQuery 动态粒子效果
看到这个jquery动态例子效果的时候,我就觉得我应该尝试着做一做。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"><原创 2018-05-24 17:00:02 · 3456 阅读 · 4 评论 -
jQuery系统的学习(七)
jQuery - noConflict() 方法原创 2018-05-23 21:39:22 · 179 阅读 · 0 评论 -
jQuery系统的学习(六)
因为要学习ajax了,这个很重要,所以我要换章了。什么是ajax?ajax=异步javascript和xml(asynchronous javascript and xml);简单地说就是在不重载整个网页的情况下,ajax通过后台加载数据,并在网页上进行显示。使用ajax的应用程序案例有谷歌地图,腾讯微博,优酷视频,人人网等等。关于jquery和ajaxjquery提供很多个与ajax有关的方法。...原创 2018-05-23 21:37:23 · 306 阅读 · 0 评论 -
jQuery系统的学习(五)
昨天太忙啦,都没怎么学习。今天我要多补点。JQuery尺寸jQuery提供多个处理尺寸的重要方法:width()、height()、innerWidth()、innerHeight()、outerWidth()、outerHeight()jQuery width()和height()方法width()方法设置或返回元素的宽度。height()方法设置或返回元素的高度。<!DOCTYPE ht...原创 2018-05-23 20:41:55 · 244 阅读 · 0 评论 -
jquery点击按钮删除文本框的内容
点击按钮删除文本框的内容,很简单,关键代码如下 $(document).ready(function(){ $("#quxiaobtn").click(function(){ $("#text").val(''); });注意val括号里的是单引号。还要引入jquery哦。...原创 2018-06-02 21:13:24 · 4695 阅读 · 0 评论 -
jQuery系统的学习(四)
昨天学习了增加元素,今天继续加油jQuery - 删除元素通过jquery,可以很容易的删除已有的html元素。删除元素或者内容方法如下:remove()删除被选元素(及其子元素)。empty()从被选元素中删除子元素。remove()方法<!DOCTYPE html><html> <head> <meta charset="utf-8">...原创 2018-05-21 13:35:40 · 198 阅读 · 0 评论 -
jQuery系统的学习(三)
jqurey-设置内容和属性将使用(二)的三个相同的方法设置内容:text()设置或返回所选元素的文本内容。html()设置或返回所选元素的内容。val()设置或返回表单字段的值。通过 text()、html() 以及 val() 方法来设置内容:<!DOCTYPE html><html> <head> <meta charset...原创 2018-05-20 11:20:46 · 148 阅读 · 0 评论 -
jQuery系统的学习(二)
jQuery系统的学习(一)的时候,我学习到了jquery滑动的效果。今天我接着往下学习。jQuery 效果- 动画jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);必须的params参数定义形成动画的CSS属性。可选的speed参数规定效果的时长...原创 2018-05-19 10:50:43 · 214 阅读 · 0 评论 -
验证码验证工具
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> &l原创 2018-07-07 10:55:07 · 912 阅读 · 0 评论