![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery之旅
xingzj95
这个作者很懒,什么都没留下…
展开
-
jQuery能做什么?
1.取得页面中的元素2.修改页面的外观3.改变页面的内容4.响应用户的页面操作5.为页面添加动态效果6.无需刷新页面即可从服务器获取信息7.简化常见的JavaScript任务...原创 2009-11-16 11:31:59 · 182 阅读 · 0 评论 -
jQuery DOM操作—基于命令改变页面
1.操作属性 说明: 1)改变class属性使用.addClass()和.removeClass() 2)改变其他属性使用.attr()和.removeAttr() 1.1非class属性 1.1.1设置所有元素的公共属性 例: $(docoment).ready(function...原创 2010-01-04 16:20:26 · 72 阅读 · 0 评论 -
jQuery效果—为操作添加艺术性
1.修改内联CSS:.css()方法 语法: 1).css('property','value');//传递单独的属性和值 2).css({'property1':'value1',property2','value2');//传递Map键值对 3).css('property')//取样式值 说明: 1)property同时支持连字版和驼峰式的。如...原创 2009-12-31 16:58:54 · 79 阅读 · 0 评论 -
jQuery事件
1. 在页面加载后执行任务 1.1 代码执行的时机选择 $('document').ready() 指页面的DOM加载完成后执行、并不意味着关联的文件都下载完毕 window.onload 指页面上所有元素都加载完成后执行 1.2 基于一个页面执行多个脚本 $('document').ready() 可以向内部的...原创 2009-11-18 15:20:25 · 88 阅读 · 0 评论 -
jQuery选择符—访问DOM元素
说明:所有选择符表达式和多数jQuery方法都返回一个jQuery对象、当我们想直接访问DOM元素时 jQuery提供了如下方法。1. 直接访问DOM元素的方法:使用 .get(index i)或使用[index i] 示例:$('#my-element').get(0) $('#my-element')[0]...原创 2009-11-18 09:58:36 · 66 阅读 · 0 评论 -
jQuery选择符—DOM遍历方法
说明:DOM遍历便于取得当前元素上下左右的元素、即父子兄弟节点。1. 取得父元素: $('th').parent()2. 取得下一个兄弟元素 $('td:contains("Henry")').next()3. 取得所有的兄弟元素 $('td:contains("Henry")').siblings()...原创 2009-11-18 09:17:54 · 63 阅读 · 0 评论 -
jQuery选择符—自定义选择符
1.说明:自定义选择符的语法与CSS中的伪类选择符语法相同、即选择以一个冒号(:)开头。 示例:$('div.horizontal:eq(1)') 表示从带有horizontal类的div集合中选择第2个选项。 2.实例: 1) 交替地为表格行添加样式 :odd 和 :even的使用 $('tr:odd').addClass('odd');...原创 2009-11-17 17:31:53 · 259 阅读 · 0 评论 -
jQuery选择符—XPath选择符
说明:jQuery支持一组基本的XPath选择符、可以和CSS选择符一起使用、jQuery无论对什么文档都可以使用XPath和 CSS选择符。1.属性选择符@ 1) 示例:$('a[@title]')表示选择所有带title属性的链接 2) 特点:允许以类似正则表达式的语法来标识字符串的开始(^)和结尾($);也可以使用*表示字符串的任意位置。 ...原创 2009-11-17 14:41:19 · 557 阅读 · 0 评论 -
jQuery选择符—CSS选择符
示例:1. $('#selected-plays>li').addClass('horizontal'); 解释:>是子元素选择符、$('#selected-playd>li')的含义是查询ID为selected-plays的元素(#selected-plays)的 子元素(>)中所有的列表(li)。 2. $('#sele...原创 2009-11-17 13:54:56 · 182 阅读 · 0 评论 -
jQuery选择符—概述
jQuery选择符包括:CSS和XPath、以及jQuery自定义选择符1.DOM 我们通过各种选择符和方法取得的结果集合实际上是一个jQuery对象。与DOM对象本身不同,前者可以绑定事件, 添 加漂亮的效果等等。2.工厂函数$() 2.1 隐式循环查询,并返回jQuery对象 2.2 实例: 1) $('p') ...原创 2009-11-16 15:49:19 · 102 阅读 · 0 评论 -
jQuery的特点
1.利用CSS的优势2.支持扩展:利用插件模式实现3.抽象浏览器的不一致性:添加一个抽象层来实现4.总是面向集合:函数查询结果是集合5.将多重操作集于一行:对象的函数返回值还是对象本身...原创 2009-11-16 11:44:33 · 122 阅读 · 0 评论 -
jQuery AJAX
1.基于请求加载数据 1.1追加html:.load() 例:$('#dictionary').load('a.html'); 1.2操作JavaScript对象 说明: JSON:由{'property':'value'}键值对对象和[a,b,c]数组组合而成的对象 1)取得JSON对象:$.getJSON(...原创 2010-01-05 17:52:06 · 60 阅读 · 0 评论