jquer 事件,选择器,dom操作】的更多相关文章

JQuery -- 一个js函数包 一.选择器 1.基本选择器 ①id选择器:#       ②class选择器:.       ③标签名选择:标签名 ④并列选择:用,隔开          ⑤后代选择:用空格隔开 代码用法展示: <title></title> <script src="js/jquery-1.7.2.min.js"></script> </head> <body> <form id=&qu…
一.jQuery简介 jQuery 是一个 JavaScript 库. jQuery 极大地简化了 JavaScript 编程. jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. $:jQuery标识符 二.jQuery选择器 1.基本选择器 ①ID选择器:# $("#div1").css("background-color", "red") ②class选择器:. 1 $(".div2&q…
一.选择器 1.基本选择器 ①id选择器:#       ②class选择器:.       ③标签名选择:标签名 ④并列选择:用,隔开          ⑤后代选择:用空格隔开 代码用法展示:   2.过滤选择器 (1).基本过滤 ①首个::first        ②尾个::last       ③任意个::eq(索引号)        ④大于::gt(索引号) ⑤小于::lt(索引号)         ⑥排除::not(选择器)         ⑦奇数:odd           ⑧偶数:…
JQuery是一个JavaScript代码库,或者是JavaScript框架: 1.选择器:(和CSS选择器一致) 基本选择器:ID选择器$('#div1');Class选择器('.div1');标签选择器('img'); 并列选择器('用逗号隔开');后代选择器('用空格隔开'); 2.过滤选择器: first:$('.div1:first').click(function(){}); last:$('.div1:last').click(function(){}); eq(索引号):$('.…
一.基本知识 Jquery是什么? 它就是一套JS方法包,jQuery是一个快速,小巧,功能丰富的JavaScript库.它使得HTML文档遍历和操作,事件处理,动画和Ajax更容易使用易于使用的API,可以工作在众多的浏览器.结合多功能性和可扩展性,jQuery已经改变了数百万人编写JavaScript的方式.二.选择器 基本选择器: 基本: ID选择器:$("#ID") Class选择器:$(".Class") 标签选择器:$("标签名")…
一.选择器 1.基本选择器 ①id选择器       ②class选择器       ③标签名选择 ④并列选择          ⑤后代选择 代码用法展示: <title></title> <script src="js/jquery-1.7.2.min.js"></script> </head> <body> <form id="form1" runat="server&quo…
DOM操作: 1.新增元素:创建元素:$("HTML")返回的创建成功的新元素新增子元素:元素.append(obj) 在匹配元素的里面新增一个子元素 追加方式 新元素作为最后一个子元素 例 $("input").click(function () { var en = $("<p>我是第二个p标签</p>"); $("div").append(en); }) 2.元素元素.prepend(obj) 在…
http://www.w3school.com.cn/b.asp 一.事件 1.常规事件——把js事件前面的on去掉 比如:js:onclick——JQuery:click 下面是 jQuery 中事件方法的一些例子: 2.复合事件 (1)hover(function(){},functiaon(){})——相当于把mouseover()mouseout()合二为一 (2)toggle(function(){},function(){},....)——点击事件循环执行,具体看下面的代码用法展示…
简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具有高效灵活的css选…
jQuery事件绑定 js中绑定事件,三种方式: 方式1: 直接在元素上,增加onXxx事件属性. <button onclick="alert(1);">点我</button>方式2:获取元素对象,再设置onXxx事件属性. <button id="btn">点我</button> document.getElementById("btn").onclick=function(e){ //TODO…