javascript,css,jquety知识点
1.JavaScript 包含一个名为 Navigator 的对象,它就可以完成上述的任务。 Navigator 包含了有关访问者浏览器的信息,包括浏览器类型、版本等等。 2.Navigator的两个属性:appName保存浏览器类型;appVersion保存浏览器的版本信息; 3.JavaScript 在 IE6、IE5 和 IE4 中的获得的版本号是相同的。微软为 appVersion 字符串赋的值是 4.0;
4.cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。
5.jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities
6.jQuery 语法 jQuery 语法是为 HTML 元素的选取编制,可以对元素执行某些操作。 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery action() 执行对元素的操作
7.实例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test"或者".test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素
8.jQuety库位于单个的JavaScript文件中,其中包含所有jQuery函数。可以通过下面的标记把jQuery添加到网页中: <head> <script type="text/javascript" src="jQuery.js"></script> </head>
9.库的替代 Google 和 Microsoft 对 jQuery 的支持都很好。 如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google or Microsoft 加载 CDN jQuery 核心文件。 使用 Google 的 CDN <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head> 使用 Microsoft 的 CDN <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head>
10.jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。 下面的例子把所有 p 元素的背景颜色更改为红色: 实例 $("p").css("background-color","red");
11.jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号; jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
12.jQuery 切换 jQuery toggle() 函数使用 show() 或 hide() 函数来切换 HTML 元素的可见状态。 隐藏显示的元素,显示隐藏的元素。 实例 $("button").click(function(){ $("p").toggle(); }); 实例 $("button").click(function(){ $("p").toggle(); });
13.jQuery 滑动函数 - slideDown, slideUp, slideToggle