body {background-color: #c3c3c3}

随笔分类 -  JQuery

ajax 整理
摘要：1.load（） 点击加载服务器内容 <a href="">点击</a> <div id="contant"></div> <script> $("a").click(function(){ $("#contant").load("00.txt");return false; }); </scrip 阅读全文
posted @ 2019-08-16 20:07 最美胡萝卜 阅读(193) 评论(0) 推荐(0)
JQuery 总结（8）Ajax 无刷新技术
摘要：Ajax 无刷新技术 【 有get 和post 一一对应】 阅读全文
posted @ 2019-04-13 09:46 最美胡萝卜 阅读(226) 评论(0) 推荐(0)
JQuery 总结（7） index() data() each() 选项卡 表单验证
摘要：index() 当前标签的索引，data()给标签身上添加属性，each()循环遍历 选项卡 TAB 表单注册验证 首先每个表单后面 带一个span , 用jquery 隐藏hide ，然后在jquery获取input的value [ 这个可以用js对象 this.value] 来判断 如果成功 那 阅读全文
posted @ 2019-04-09 08:26 最美胡萝卜 阅读(375) 评论(0) 推荐(0)
JQuery 总结（6） 锋利的jQuery
摘要：1.解决 jQuery 和其他库的冲突 定义了一个快捷键，以后 碰到$的 可以用新的替代，jQuery.noConflict(); 表示转移$控制权 2.jQuery 检查某个元素是否存在 有时候要用作if判断语句，如果存在 执行什么 如果不存在 点击哪个按钮 if($("#hh")[0]){ co 阅读全文
posted @ 2018-11-20 15:36 最美胡萝卜 阅读(534) 评论(0) 推荐(0)
offset scroll
摘要：offset 是到网页最左上角 0.0 的边距 获取方法： $(".a1").offset() 获取的是对象 $(".a3").offset().top 获取 top值 Number $(".a3").offset().left $(".a4")[0].offsetWidth 获取元素的宽度 阅读全文
posted @ 2018-11-16 16:00 最美胡萝卜 阅读(102) 评论(0) 推荐(0)
JQuery 总结（5）  总结各种小应用
摘要：一.点击 右边滚动条跳转，模仿汽车品牌查找滚动条主要知识点： 1.$(this).text() 查找当前的文本内容，用东西存起来 2.右边的scrollTop() 里面填写 根据左边text值在右边查找到对应的dom元素 然后再读取顶部的距离 二 选项卡切换 1.$(this).index() 这个 阅读全文
posted @ 2018-11-16 11:11 最美胡萝卜 阅读(148) 评论(0) 推荐(0)
JQuery 总结（1） 选择器的使用
摘要：一 注意： 1.DOM对象：通过原生js获取的DOm对象（DOm树上的节点就是，比如<li></li>） 2.jQuery对象：通过jQuery 选择器获取的 jQuery对象智能用jQuery中封装的方法，不能使用DOm对象的方法 同理 DOm也是一样 二 选择器相互更换： 1.DOM转换成JQ对 阅读全文
posted @ 2018-11-15 16:05 最美胡萝卜 阅读(435) 评论(0) 推荐(0)
JQuery 总结（2） jQuery 效果动画
摘要：一 切换 1.基本 show()展示,hide()隐藏,toggle()切换 2.滑动效果 slideDown 显示 slideUp 隐藏 slideToggle 来回滑动切换 3.淡入淡出 fadeIn(出来) fadeOut(隐藏) fadeToggle(来回变化) fadeTo(1000,0. 阅读全文
posted @ 2018-11-15 16:05 最美胡萝卜 阅读(209) 评论(0) 推荐(0)
JQuery 总结（3） jQuery 各种事件
摘要：一，添加事件 1.$("li").click(function () { $(this).css("background","orange") }) 2. $("li").on("click",function () { $(this).css("background","orange") }) 注 阅读全文
posted @ 2018-11-15 16:05 最美胡萝卜 阅读(196) 评论(0) 推荐(0)
JQuery 总结（4） DOM操作
摘要：注意：一下操作只有针对jQuery对象才有用。 一.获取和设置DOM属性 1. $("li").attr("class") 获取li的class属性 只能获取第一个 解决方法 用map遍历 index下标 ele是对用dom 下面可以用this代替 $("li").map(function (ind 阅读全文
posted @ 2018-11-10 15:50 最美胡萝卜 阅读(205) 评论(0) 推荐(0)
css动画效果 transform transition @keyframes animation 涉及jquery
摘要：1.transform: translateY(100px); 但是transform在单独使用的时候并不会产生动画效果，页面加载的时候就已经在变化后的状态了，所以需要搭配transition使用，产生动画效果。这种需要hover 给他一个事件 才会发生这个动作 使用方法： .a:hover{ tr 阅读全文
posted @ 2018-09-27 16:48 最美胡萝卜 阅读(1392) 评论(0) 推荐(0)

body {background-color: #c3c3c3}