jquery基础入门+实战教程
jquery基础入门加实战教程
曾亲桂林
不会前端的python程序员不是好设计师
展开
-
10-jQuery中的事件与动画教程
jQuery中的事件作者:曾庆林事件初探加载文档完成触发:$(document).ready(function(){})事件可以多次执行。代码可以简写:$(function(){})事件绑定1 可以之间添加事件函数 $("h1").click(function(){ //触发事件要做的事情 })问题是:每次单击h1都会相应事件,不能解除。这个里面的函数也不能复用只能绑定一个函数2 可以通过绑定事件bind() 绑定事件unbind() 解绑事原创 2020-09-19 18:03:38 · 9297 阅读 · 0 评论 -
09-jquery获取元素的尺寸
元素的尺寸height()width()内容的宽 不含padding marigninnerHeight()innerWidth()内容的宽加上paddingouterHeight()outerWidth()内容的宽+padding+borderWidth(元素的实际宽)outerHeight(true)outerWidth(true)是内容的宽+padding+borderWidth(元素的实际宽)+margin$(window).width(原创 2020-09-19 17:54:45 · 10512 阅读 · 0 评论 -
08-jquery 文档Dom操作大全-建议收藏
jQuery 插入元素内部插入append()方法语法格式append(内容)Append(function(index,html))该方法在匹配元素集合的每个元素末尾插入由参数指定的内容并返回jQuery对象。html<button>按钮</button> <div class="b"> <h2>this 我是h2</h2></div>js$(function(){ $("button").clic原创 2020-09-19 09:33:41 · 10360 阅读 · 29 评论 -
07-jQuery-Class 操作
Class 操作作者:曾庆林addClass() 添加class$(elem).addClass("active");//注意class active 前面没有加点 removeClass() 删除class<h1 class="active header"></h1><script>$(function({ $("h1").removeClass("active"); // 这样只会删除 active class原创 2020-09-19 09:23:27 · 9027 阅读 · 0 评论 -
06 jquery 获取元素的内容-html()-val()-text()
获取元素的内容作者:曾庆林html()方法Html():获取匹配元素集合中第一个元素的HTML内容html(htmlstring) 设置匹配元素中的HTML内容//很少用,几乎大部分的jquery方法都可以用这样的回掉函数形式html(function(index,hmtl)):根据传递的函数来设置匹配元素集合中每个元素的HTML内容并返回jQuery对象。text()方法text():获取匹配元素中的文本text(string):设置元素的文本 注意:html() 和 text原创 2020-09-19 09:14:36 · 9233 阅读 · 0 评论 -
05-jquery-CSS 相关操作
CSS 相关操作CSS()方法 // 获取元素的css $("h1").css("font-size"); // 设置css $("h1").css("font-size","14px"); // 设置多个css属性 $("h1").css({"font-size":"14px","color":"red"}); 位置offset()获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性:top 和 left。p原创 2020-09-19 09:12:14 · 10026 阅读 · 0 评论 -
04- jQuery 选择器大全教程收藏备用
jQuery 基本选择器&层次选择器作者:曾庆林jQuery选择器的优势写法简单支持CSS1至CSS3选择器完善的处理机制CSS选择器回顾选择器语法ID选择器#ID{CSS规则}类选择器.className{CSS规则}分组选择器E1,E2,E3{CSS规则}包含选择器E F{CSS规则}通配符选择器*{CSS规则}jQuery选择器的分类基本选择器层次选择器过滤选择器基本过滤选择器内容过滤选择器可见性过原创 2020-09-19 09:08:37 · 12257 阅读 · 24 评论 -
03-$(document).reay()
页面载入作者:曾庆林 jquery基础入门+实战系列教程 window.onload方法长久以来是程序员解决客户端页面载入问题的一个方法,只有少数大型的图片文件会被快速的载入,而大部分大型的图片文件会使window.onload()载入的很慢.DOM 1.0 加载方式window.onload=init;function init(){ alert("abc");}window.onload=init2;function init2(){ alert("123");}多次使用原创 2020-09-11 23:50:46 · 14078 阅读 · 0 评论 -
01-jquery概述
JQuery概述作者:曾庆林jQuery由美国人John Resig于2006年初创建,至今已吸引了来自世界各地的众多javascript高手加入其team。jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。jQuery是一个优秀的JavaScri原创 2020-09-11 23:28:37 · 16318 阅读 · 0 评论 -
02-$符号-jquery与js相互转换
$符号-jquery与js相互转换作者:曾庆林获取Dom对象JavaScript方式var id=document.getElementById("id");jQuery方式var $id=$("#id");js Dom对象 转换为jQuery 对象$(expression)接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素将一个或多个DOM元素转化为jQuery对象 注意是jQuery对象,而不是DOM对象var myh=document.getElement原创 2020-09-11 23:25:17 · 13660 阅读 · 0 评论