jQuery笔记

页面导航:首页 > 网络编程 > JavaScript > jQuery笔记

jQuery笔记

来源: 作者: 时间:2016-02-05 11:06 【

jQuery是一个JavaScript函数库jQuery库包含也上特性:1、HTML元素选取2、HTML元素操作3、CSS操作4、HTML事件函数5、JAVASCRIPT特效和动画6、AJAX7、UtilitesJavaScript是HTML5以及所有现代浏览器中的默
jQuery是一个JavaScript函数库
jQuery库包含也上特性:
1、HTML元素选取
2、HTML元素操作
3、CSS操作
4、HTML事件函数
5、JAVASCRIPT特效和动画
6、AJAX
7、Utilites
JavaScript是HTML5以及所有现代中的默认脚本语言!
使用谷歌或微软的jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过jQuery。所有结果是,当他们访问的站点时,会从缓存中加载jQuery,这宋可以减少加载时间。同时,大多数CDN都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。


jQuery语法实例
$(this).hide() 隐藏当前的HTML元素。
$("#test").hide() 隐藏id="test"的元素。
$("p").hide() 隐藏所有

元素。
$(".test").hide() 隐藏所有class="test"的元素。
jQuery使用的语法是XPath与CSS选择语法的组合。
jQuery函数在一个document ready函数中,这是为了防止文档在完全加载(就绪)之前运行jQuery代码。如果在文档没有完全加载之前就运行函数,操作可能失败。
如:1、试图隐藏一个不存在的元素
2、获得未完全加载的图像的大小
jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。
选择器允许您对HTML元素组或单个元素进行操作。
jQuery元素选择器
jQuery使用CSS选择器来选取HTML元素。
$("p")选择

元素。
$("p.intro")选取所有class="intro"的

元素。
$("p#demo")选取所有id="demo"的

元素。
jQuery属性选择器
jQuery使用XPath表达式来选择带有给定属性的元素。
$("[href]")选取所有带有href属性的元素。
$("[href='#']")选取所有带有href值等于"#"的元素。
$("[href='.jpg']")选取所有href值以“.jpg”结尾的元素。
jQuery CSS选择器可用于改变HTML元素的CSS属性
把所有P元素的背景色列改为红色
$("p").css("backgroud-color","red");
$("ul li:first")每个