Jquery 事件 DOM操作
常规事件:
把JS的事件 on去掉即可
例如:js document.getElementById("id").onclinck=function(){}
Jquery $("#id").click(function(){ 事件发生的事});
复合事件
hover(function(){} , function(){}) 移入移出事件
toggle(function(){} , function(){} ....)可以有无数个function 点击循环 事件 点击一次发生第一个function方法 再点击 就发生第二个方法
未来元素 就是操作创建之后的元素(例如 创建div 或者select的option)
创建之后的元素.live("事件名",function(){});
冒泡事件
阻止冒泡事件 return false
DOM操作
操作属性
获取 $("选择器").attr("属性名");
设置 $("选择器").attr("属性名", "值");
删除 $("选择器").removeAttr("属性名");
操作样式
获取 $("选择器").css("样式名");
设置 $("选择器").css("样式名","值");
操作样式表
添加 $("选择器").addclass("class名")
移出 $("选择器").remove("class名")
添加移出 交替 $("选择器"). toggleclass("class名")
操作内容
表单元素
取值 $("选择器").val()
赋值 $("选择器").val("值")
非标单元素
取值 $("选择器").text()
$("选择器").html()
赋值 $("选择器").text("值")
$("选择器").html("值")
操作相关元素
父辈 $("选择器").parent()
前辈 $("选择器").parents("前辈的选择器") 针对带有class 的选择器
后代 $("选择器").children()
子代 $("选择器").find(选择器)
哥哥 .prev() 没有以前 空格代表一个 这里不用空格代表
.prevAll(选择器)
弟弟 .next()
.nextAll(选择器)
操作元素
新建 $("html 字符串")
例如: $("#div1").append( $( " <div class='div2'> </div> ") );
添加 .append(Jquery对象)
下部评级添加 相当于添加弟弟级 after(对象)
上部级添加 before(对象)
移出/清空元素 .empty();
.remove();
赋值 .clone()
Jquery 事件 DOM操作的更多相关文章
- jQuery的DOM操作详解
DOM(Document Object Model-文档对象模型):一种与浏览器, 平台, 语言无关的规则, 使用该接口可以轻松地访问页面中所有的标准组件DOM操作的分类 核心-DOM: DOM Co ...
- 第3章 jQuery的DOM操作
一. DOM 分为DOM核心,HTML-DOM和CSS-DOM 1.DOM核心 不专属与javascript. 获取对象:document.getElementsByTagName('div') 获 ...
- jQuery – 3.JQuery的Dom操作
3.1 JQuery的Dom操作 1.使用html()方法读取或者设置元素的innerHTML 2.使用text()方法读取或者设置元素的innerText 3.使用attr() ...
- Jquery所有Dom操作汇总
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 解密jQuery内核 DOM操作
jQuery针对DOM操作的插入的方法有大概10种 append.prepend.before.after.replaceWith appendTo.prependTo.insertBefore.in ...
- js,jQuery和DOM操作的总结(二)
jQuery的基本操作 (1)遍历键值对和数组 , , , , , ]; $.map(arr, function (ele, index) { alert(ele + '===' + index); ...
- 03-老马jQuery教程-DOM操作
jQuery DOM操作 在没有jQuery之前,DOM的操作相对来说有点麻烦,尤其是DOM节点的搜索.目前我们已经学习了jQuery的选择器,接下带大家一块学习jQuery的DOM操作,jQuery ...
- 14-1 jquery的dom操作和事件对象
一 jquery的操作有,插入,修改,删除,克隆.具体见下方代码实例: <!DOCTYPE html> <html lang="en"> <head& ...
- 解密jQuery内核 DOM操作的核心函数domManip
domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数 对封装的节点操作做了参数 ...
随机推荐
- 导出数据到EXCEL并生成多个Sheet
一.准备工作 引用:Microsoft.Office.Interop.Excel 准备多个DataTable数据添加到DataSet中. 二.代码 public void CreateExcel(Da ...
- python-pprint打印函数
#!/usr/bin/env python # -*- coding:utf-8 -*- import sys,pprint pprint.pprint(sys.path)
- [spoj694&spoj705]New Distinct Substrings(后缀数组)
题意:求字符串中不同子串的个数. 解题关键:每个子串一定是某个后缀的前缀,那么原问题等价于求所有后缀之间的不相同的前缀的个数. 1.总数减去height数组的和即可. 注意这里height中为什么不需 ...
- [xdoj1227]Godv的数列(crt+lucas)
解题关键:1001=7*11*13,模数非常小,直接暴力lucas.递归次数几乎为很小的常数.最后用中国剩余定理组合一下即可. 模数很小时,一定记住lucas定理的作用 http://acm.xidi ...
- hadoop学习路线(转)
刚刚入门hadoop,如何去学习hadoop.google一篇学习路线图,与童鞋们共勉: 转自:http://blog.csdn.net/zhoudaxia/article/details/88017 ...
- 根据rowid删除最新数据(rowid最大为最新数据)(转)
https://blog.csdn.net/liuyuehui110/article/details/43524379
- Tyvj P1520 树的直径
P1520 树的直径 http://www.tyvj.cn/p/1520 时间: 1000ms / 空间: 131072KiB / Java类名: Main 描述 树的直径,即这棵树中距离最远的两个结 ...
- 大整数因子(高精mod)
大整数的因子 总时间限制: 1000ms 内存限制: 65536kB 描述 已知正整数k满足2<=k<=9,现给出长度最大为30位的十进制非负整数c,求所有能整除c的k. 输入 一个非 ...
- 洛谷P3959 宝藏(状压dp)
传送门 为什么感觉状压dp都好玄学……FlashHu大佬太强啦…… 设$f_{i,j}$表示当前选的点集为$i$,下一次要加入的点集为$j$时,新加入的点和原有的点之间的最小边权.具体的转移可以枚举$ ...
- django 数据库建表流程,与表结构
目录 配置数据库 创建表结构 多表关连的设置 自创建关联表方法 自建表 和 ManyToManyField 联合使用 配置数据库 在Django项目的settings.py文件中,配置数据库连接信息: ...