【jQuery学习小结1-CSS操作+事件】的更多相关文章

jQuery学习笔记之DOM操作、事件绑定（2）

jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https://github.com/iyun/jQueryDemo.git --------------------学习目录------------------------ 4.DOM操作(节点增删改查) 节点查找:节点分为三种类型:元素节点.属性节点.文本节点 创建节点 创建元素节点 使用 jQuery…

jQuery学习小结

1.jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 2.jQuery Fading 方法 通过 jQuery,您可以实现元素的淡入淡出效果.…

JQuery第三天——CSS操作与JQuery事件

JQuery的CSS_DOM与样式操作 样式: 获取 class 和设置 class : class 是元素的一个属性, 所以获取 class 和设置 class 都可以使用 attr() 方法来完成. 追加样式: addClass() 移除样式: removeClass() --- 从匹配的元素中删除全部或指定的 class 切换样式: toggleClass() --- 控制样式上的重复切换.如果类名存在则删除它, 如果类名不存在则添加它. 判断是否含有某个样式: hasClass() --…

jQuery基础DOM和CSS操作

$('#box').html();//获取 html 内容$('#box').text();//获取文本内容,会自动清理 html 标签$('#box').html('<em>www.li.cc</em>');//设置 html 内容$('#box').text('<em>www.li.cc</em>');//设置文本内容,会自动转义 html标签$('#box').html($('#box').html() + '<em>www.li.cc&l…

jQuery学习小结1-CSS操作+事件

一.DOM对象和jQuery 对象互换 1.jQuery对象 就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码:document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生…

jQuery学习之旅 Item8 DOM事件操作

1.jquery页面载入事件 1.传统加载事件 <body onload="函数名()"> 页面全部html和css代码加载完成之后再调用指定的onload函数 window.onload = function(){ 加载过程 } 2.jquery实现加载事件 ① $(document).ready(function(){加载代码}); ② $().ready(function(){加载代码}); ③ $(function(){加载代码}); ----- jQuery.fn…

jQuery学习小结2——动画

一.基础动画 方法名 说明 show([speed,[easing],[fn]])hide([speed,[easing],[fn]]) speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(分别对应600 毫秒.400 毫秒和200 毫秒) easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"…

jQuery学习笔记（DOM操作）

DOM操作的分类 一般来说,DOM操作分为3个方面,即DOM Core.HTML-DOM和CSS-DOM. 1. DOM Core DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它.它的用途并非仅限于处理网页,也可以处理任何一种使用标记语言编写出来的文档,例如XML. JavaScript中的getElementById().getElementsByTagName().getAttribute()和setAttribute()等方法,这些都是DOM…

JavaScript及jQuery学习小结

最近几天学习了很多关于JavaScript和jQuery的文章,稍作梳理后,总结如下. 1.jQuery入门系列 环境搭建 只需引用一个jQuery库文件,即可完成jQuery的环境搭建. 选择器 jQuery支持利用各种各样的选择器,来筛选.过滤出我们想要的元素,并且以jQuery包装集的形式返回. 包装集 所谓包装集,就是由jQuery函数筛选出的,支持jQuery提供的各种方法和属性的DOM元素.还包括如何动态构建一个DOM元素,并且添加到文档中. 利用jQuery操作元素的属性与样式 j…

jQuery学习小结3——AJAX

一.jQuery的Ajax方法 jQuery对Ajax 做了大量的封装,使用起来也较为方便,不需要去考虑浏览器兼容性.对于封装的方式,jQuery 采用了三层封装: 最底层的封装方法为——$.ajax() 而通过这层封装了第二层有三种方法——.load().$.get()和$.post() 最高层是——$.getScript()和$.getJSON()方法 1.1 .load()方法 —— 载入远程 HTML 文件代码并插入至 DOM 中 load(url, [data], [callback]…