jQuery 梁桐老师笔记 - 属性，CSS，文档处理

html() 获得html代码，含有标签
html(…) 设置html代码，如果有标签将进行解析
text() 获得文本值，将标签进行过滤
text(…) 设置文本值，如果有标签，将被转义（例如 & 转义为&amp）
offset() 获得坐标，返回jason对象，{“top”:200,“left”:100}
offset() 设置坐标，例如 $(this).offset({“top”:0,“left”:0})
scrollTop 垂直滚动条滚过的距离： ajax 异步加载图片应用
scrollleft 水平滚动条滚过的距离
empty() 清空标签体
remove() 删除当前对象，如果以后再使用，元素本身保留，绑定事件或数据都会被移除
detach() 删除当前对象，如果以后再使用，元素本身保留，绑定事件或数据都保留
// 绑定事件
$("#city").click(function(){
// 事件内容
})
// 绑定数据
$("#city").data(“key”, “content”)
// 获得绑定的数据
$("#city").data(“key”)
// 解除绑定
var $city = $("#city").remove(); //移除绑定的事件和数据
var $city = $("#city").detach() //保留绑定的事件和数据
// 追加
("body").append(("body").append(("body").append(city

练习：将左边文本框的内容点击后加入右边文本框

    $(document).ready(function(){$("#left1").click(function(){$("#leftselectedID option:selected:first").appendTo("#rightselectedID") //move one by one to right})$("#left2").click(function(){$("#leftselectedID option:selected").appendTo("#rightselectedID") //move selected to right})$("#left3").click(function(){$("#leftselectedID option").appendTo("#rightselectedID") //move all left to right})}）

绑定

 $(function(){$(".mytooltip").mouseover(function(event){// 获得绑定的数据var title = $(this).data("mytitle")if(!title){title = $(this).attr("title");//获得自带提示$(this).removeAttr("title");//删除自带提示$(this).data("mytitle",title) //绑定数据}//2.创建divvar $new = $("<div id='tooltip'>xxx</div>");//3.设置提示$new.html(title)//4.定位$new.off({"top":event.pageX + 5,"left":event.pageY - 20});//5.追加到body并显示$new.appendTo("body").show();}).mouseout(function(){$("#tooltip").remove(); //删除}).mousemove(function(event){$("tooltip").offset({"left":event.pageX +5,"top":event.pageY -20});//让提示跟着鼠标走})})

微软提出了名为事件冒泡(event bubbling)的事件流。事件冒泡可以形象地比喻为把一颗石头投入水中，泡泡会一直从水底冒出水面。也就是说，事件会从最内层的元素开始发生，一直向上传播，直到document对象。
因此在事件冒泡的概念下在p元素上发生click事件的顺序应该是p -> div -> body -> html -> document

事件捕获
网景提出另一种事件流名为事件捕获(event capturing)。与事件冒泡相反，事件会从最外层开始发生，直到最具体的元素。

因此在事件捕获的概念下在p元素上发生click事件的顺序应该是document -> html -> body -> div -> p

slideUp([speed,[easing],[fn]]): 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。
slideDown([speed],[easing],[fn]) 通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。

jQuery 梁桐老师笔记 - 属性，CSS，文档处理相关推荐

simple css 汉化,Simple CSS(CSS文档生成器)
Simple CSS(CSS文档生成器)简介 Simple CSS(CSS文档生成器)简介一:Simple CSS是一款CSS文档生成器,帮助网页开发人员快速生成CSS样式,Simple CSS使用非 ...
php txtsql 说明,PHP学习笔记(2)txtSQL文档错误
PHP学习笔记(2)txtSQL文档错误次阅读在使用txtSQL的过程中,发现一处帮助文档错误. 在使用altertable命令改变表名称时,发现如果按照帮助文档所说,使用如下代码无法改变表的名称 ...
dede flag php,织梦dede:list按flag属性调用文档
织梦dede:list默认在栏目列表页是不支持按flag输出的,想要按flag调用指定属性的文档和分页,我们可以这样做伸手党直接下载如果不想改的小伙伴可以直接下载我已经改好的这个文件,先备份你的 ...
Stata学习笔记|profile.do文档
今天[其实是昨天,因为昨天一直没成功所以拖到今天才完成的]学习的视频是: Stata设置-如何正确设置连玉君老师的profile.do文件_哔哩哔哩_bilibili [推荐关注up主:小志小视界] ...
有道云笔记，为知笔记，石墨文档，CSDN对比
有道云笔记为知笔记 CSDN 石墨文档付费信息免费3G,会员50G 60元1年,容量无限制浏览器剪藏插件排版差直接剪藏排版差: 但是遇到直接复制粘贴过来格式有问题的文章 ...
P22-前端基础-CSS文档流
P22-前端基础-CSS文档流 1.概述文档流(normal flow) 网页是一个多层的结构,一层摞着一层,通过CSS可以分别为每一层来设置样式,作为用户来讲只能看到最顶上一层,这些层中,最底下的 ...
jQuery操作标签--样式、文本、属性操作, 文档处理
1.样式 2.文本 3.属性操作全选,反选效果 4.文档处理操作标签一.样式操作样式类: addClass(); // 添加指定的css类名removeClass(); //移除指定的css类 ...
【第一章】 jQuery入门---选择器 and $工具属性CSS
jQuery1:入门知识--选择器 3W1H What?是什么? JavaScript库:封装了很多JS代码 JavaScript库:jQuery(90%).E ...
jquery.zSlide.js-基于CSS3/HTML5演示文档jQuery插件
一.卖的什么葫芦药? jquery.zSlide.js是我最近折腾的一个jQuery插件,借助于CSS3和HTML5的一些新特性,在浏览器中实现类似于powerpoint幻灯片展示. 如果你看到这段文 ...
jquery.Inputmask 插件用法（中文API文档）
jquery.Inputmask 可以算是input文本输入限制的神器了,内部融合了多种输入限制, 如金额,电话号码,身份证号,网关等..,并且还可以自定义规则. inputmask 据说最早起源 ...

jQuery 梁桐老师笔记 - 属性，CSS，文档处理

jQuery 梁桐老师笔记 - 属性，CSS，文档处理相关推荐

最新文章

热门文章