jQuery
GarfieldEr007
这个作者很懒,什么都没留下…
展开
-
jQuery 选择器
jQuery 选择器请使用我们的jQuery 选择器检测器来演示不同的选择器。选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".in...转载 2020-02-04 21:32:39 · 855 阅读 · 0 评论 -
ajax 整理
1.load() 点击加载服务器内容 1 2 3 4 5 6 7 8 9 10 <ahref="">点击</a> <divid="contant"></div> <script> $("a...转载 2020-02-01 23:49:49 · 664 阅读 · 0 评论 -
JQuery 总结(8)Ajax 无刷新技术
Ajax 无刷新技术 【 有get 和post 一一对应】 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(".delete").click(funct...转载 2020-02-01 23:49:04 · 660 阅读 · 0 评论 -
JQuery 总结(7) index() data() each() 选项卡 表单验证
index() 当前标签的索引,data()给标签身上添加属性,each()循环遍历 1 2 3 4 5 6 7 8 9 10 $("h1").click(function () { val=$(this).index(); $(this).text...转载 2020-02-01 23:47:50 · 868 阅读 · 0 评论 -
JQuery 总结(6) 锋利的jQuery
1.解决 jQuery 和其他库的冲突定义了一个快捷键,以后 碰到$的 可以用新的替代,jQuery.noConflict(); 表示转移$控制权 1 2 3 4 5 6 7 8 9 //⋯省略其他代码 var $j = jQuery.noConflict(); //自定义一个快捷方式 ...转载 2020-02-01 23:46:36 · 693 阅读 · 0 评论 -
JQuery 总结(5) 总结各种小应用
一.点击 右边滚动条跳转,模仿汽车品牌查找滚动条主要知识点:1.$(this).text() 查找当前的文本内容,用东西存起来2.右边的scrollTop() 里面填写 根据左边text值在右边查找到对应的dom元素 然后再读取顶部的距离 1 2 3 4 5 6 7 8 9 10 11 ...转载 2020-02-01 23:45:37 · 684 阅读 · 0 评论 -
JQuery 总结(4) DOM操作
注意:一下操作只有针对jQuery对象才有用。 一.获取和设置DOM属性 1. $("li").attr("class") 获取li的class属性 只能获取第一个 解决方法 用map遍历 index下标 ele是对用dom 下面可以用this代替 $("li").map(function (index,ele) {...转载 2020-02-01 23:44:35 · 705 阅读 · 0 评论 -
JQuery 总结(3) jQuery 各种事件
一,添加事件 1.$("li").click(function () { $(this).css("background","orange") }) 2.$("li").on("click",function () { $(this).css("background","orange") }) ...转载 2020-02-01 23:43:26 · 668 阅读 · 0 评论 -
JQuery 总结(2) jQuery 效果动画
一 切换 1.基本show()展示,hide()隐藏,toggle()切换 1 2 3 4 5 6 7 8 9 show()展示,hide()隐藏,toggle()切换<br> btn.click(function () { btn1.toggle( ...转载 2020-02-01 23:42:33 · 661 阅读 · 0 评论 -
JQuery 总结(1) 选择器的使用
一 注意: 1.DOM对象:通过原生js获取的DOm对象(DOm树上的节点就是,比如<li></li>) 2.jQuery对象:通过jQuery 选择器获取的 jQuery对象智能用jQuery中封装的方法,不能使用DOm对象的方法 同理 DOm也是一样二 选择器相互更换: 1.DOM转换成JQ对象 $(“DOM对象”)...转载 2020-02-01 23:40:15 · 954 阅读 · 0 评论 -
jQuery 实例 教程
jQuery 选择器$(this).hide()演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。$("p").hide()演示 jQuery 的 hide() 函数,隐藏所有 <p> 元素。$(".test").hide()演示 jQuery 的 hide() 函数,隐藏所有 class="test" 的元素。$("#test").h...转载 2020-02-01 22:13:02 · 843 阅读 · 0 评论 -
jQuery笔记总结篇
首先,来了解一下jQuery学习的整体思路jQuery系统学习篇jQuery系统学习篇-XMind源文件提供参考下载Jquery笔记jQuery笔记总结-XMind源文件提供参考下载第一节 jQuery初步认知jQuery概述 JQuery概念 javascript概念 基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操...转载 2020-01-31 11:38:05 · 1414 阅读 · 1 评论 -
锋利的jquery 知识点总结
由于看的是锋利的jQuery(第二版)部分内容可能没更新, 推荐看jquery API中文文档第一个jquery程序// 网页中所有DOM结构绘制完成后就执行, 可能DOM元素关联的东西并没有加载完// 能同时编写多个$(document).ready(function(){})$(document).ready(function(){})// 可以简写 =...转载 2020-01-30 20:20:13 · 1298 阅读 · 0 评论 -
jQuery最佳实践
上周,我整理了《jQuery设计思想》。那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测...转载 2020-01-30 19:59:45 · 696 阅读 · 0 评论 -
jQuery设计思想
jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单,比其他库容易学会,但是要全面掌...转载 2020-01-30 18:50:14 · 722 阅读 · 0 评论