兄弟连_马剑威_JavaWeb_069_JQuery入门.pdfVIP

第69讲：JQueryy入门 课程大纲 • 1、jQuery 简介 • 2、jQuery 语法 • 3、jQuery 选择器 1、jQuery 简介 • jQuery 库- 特性 • jQuery 是一个JavaScript 函数库。 • jQuery 库包含以下特性： • HTML 元素选取 • HTML 元素操作元素操作 • CSS 操作 • HTML 事件函数 • JavaScriptJavaScript 特效和动画特效和动画 • HTML DOM 遍历和修改 • AJAX • UtilitiesUtilities 1、jQuery 简介 • 下载jQuery • • 添加jquery库 • head script type=text/javascript src=jquery.js/script /head 2、jQuery 语法 • jQuery 语法是为HTML 元素的选取编制，可以对元素执行某些操作。 • 基础语法是：$(selector).action() • 美元符号定义jjQueryy • 选择符（selector ）“查询”和“查找”HTML 元素 • jQuery action() 执行对元素的操作 • 文档就绪函数 • $(document).ready(function(){ • jQueryjQuery functionsfunctions gogo herehere • }); • 这是为了防止文档在完全加载这是为了防止文档在完全加载 • （就绪）之前运行jQuery 代码。 3、jQuery 选择器 • 在HTML DOM 术语中： • 选择器允许您对DOM 元素组或单个DOM 节点进行操作。 • jQuery 元素选择器 • jQuery 使用CSS 选择器来选取HTML 元素。 • $($(pp)) 选取选取pp 元素元素。 • $(ro) 选取所有class=intro 的p 元素。 • $(p#demo) 选取id=demo 的第一个p 元素。 3、jQuery 选择器 • jQuery 属性选择器 • jQuery 使用XPath 表达式来选择带有给定属性的元素。 • $(([[href]])) 选取所有带有href 属性的元素。 • $([href=#]) 选取所有带有href 值等于# 的元素。 • $([href!=#]) 选取所有带有href 值不等于# 的元素。 • $($([[href$$=.jpgjpg]])) 选取所有选取所有href 值以值以.jpgjpg 结尾的元素结尾的元素。 3、jQuery 选择器 • jQuery CSS 选择器 • jQuery CSS 选择器可用于改变HTML 元素的CSS 属性。 • 下面的例子把所有pp 元素的背景颜色更改为红色： • 实例 • $(p).css(background-color,red); THANK YOU! 扫一扫，关注威哥微信公众平台 微信号：weige-java