- 3.56 MB
- 2023-08-23 23:00:01 发布
- 1、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。
- 2、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
JAVA程序设计语言jQuery选择器概要介绍
1jQuery选择器2jQuery操作DOM3jQuery事件处理4jQuery动画基础主要内容
1.jQuery选择器1.1jQuery简介jQuery是一个轻量的JavaScript库,是由JohnResig在2006年1月创建的一个开源项目jQuery常规作用可以概括为以下7个方面:获取页面中的元素修改页面外观改变页面内容响应用户在页面上的操作为页面添加动态效果页面无刷新获取服务器端信息简化常规的JavaScript代码
1.2编写第一个jQuery应用配置jQuery环境在页面中添加对于jQuery库文件的引用编写jQuery代码$(document).ready(function(){alert("HelloWorld!");});
编写第一个jQuery应用比较$(document).ready(function(){})window.onload()执行时机网页中的DOM结构绘制完毕,但可能有些DOM元素关联的内容还没有下载完毕网页中所有的内容都加载完毕后触发,包括元素关联的内容(如链接的图片和资源)都必须下载完毕后触发执行个数同时编写多个,可以依次执行同时编写多个,但只能执行最后一个简化写法简写一:$().ready(function(){});简写二:$(function(){});无工厂函数$()(document).ready(function(){})jQuery对象jQuery对象和DOM对象之间的转换
1.3选择器选择器说明返回值示例#id根据id选择元素元素$(‘#div1’):选取id=”div1”的元素.class根据类名选择元素元素集合$(‘.first’):选取所有class=”first”的元素tagname根据标记名选择元素元素集合$(‘input’):选择所有的元素*选择所有元素元素集合$(‘*’):选择所有的元素selector1,selector2,…selectorN将每一个选择器匹配的元素合并后一起返回元素集合$(‘input,#div2’):选择所有的元素和id=”div2”的元素CSS选择器$("#btn1").click(function(){$(