jQuery选择器用法基础入门示例

　　

本文实例讲述了jQuery选择器用法。分享给大家供大家参考,具体如下:

　　

今儿个开始学习jQuery,在学习jQuery之前我们应该掌握js,我之前也写过几篇笔记,但是只是小部分的知识,js也不是很难可以自己简单的看看。以后写js会经常用到jQuery这个库。

　　

1安装jQuery

　　

1.1从官网下载

　　

可以从jQuery.com下载。有两个版本可以选择:

　　
    　　<李>生产:被精简压缩过,常用于实际网站。 　　<李>发展:源码,可读性高,常用于开发阶段。 　　
　　

1.2 CDN引入

　　

百度CDN:

　　 　　 　　& lt; head> 　　& lt; title>学习javascript 　　& lt;脚本src=" https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js "祝辞& lt;/script> 　　& lt;/head> 　　 　　之前 　　 　　

新浪CDN:

　　 　　 　　& lt; head> 　　& lt;脚本src=" http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js "祝辞& lt;/script> 　　& lt;/head> 　　之前 　　 　　

2文档就绪

　　

文档就绪是为了防止在HTML文档还未完成加载时就执行了js这样可能会出现一些错误,比如说在文档还没有加载完成js代码就执行了隐藏某一个还没加载的元素时就会出错。

　　 　　 　　& lt; script> 　　$(文档)时函数(){//在这里HTML文档已经被加载完成在这里操作是安全的。 　　}） 　　& lt;/script> 　　 　　

3选择器

　　

现在要说说jQuery的语法了jQuery对DOM操作是很方便的jQuery使用选择器:

　　
    　　<李> $(“*”):选择所有元素。 　　<李>(美元):选择当前元素。 　　<李>美元(.className):选择类为“名称”的元素。 　　<李> $ (“p.className”):选择类为“名称”的& lt; p>元素。 　　<李> $(" #演示"):选择id为演示的元素。 　　<李> $ (h2 #演示):选择id为演示的& lt; h2>元素。 　　<李> $ (“h2:第一”):选择第一个& lt; h2>元素。 　　<李> $ (“ul李:第一”):选择第一个& lt; ul>元素下第一个& lt; h2>元素。 　　<李> $ (“ul李:第一个孩子”):选择每个& lt; ul>元素下的第一个& lt; h2>元素。 　　<李> $ (“href”):选择带有href属性的元素。 　　<李> $(“[目标=降取痌”):选择目标属性等于空白的& lt; a>元素。 　　<李> $(“目标!=降取?:选择目标属性不等于空白的& lt; a>元素李 　　
　　

3.1示例

　　 　　 　　& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt; title>学习javascript 　　& lt;脚本src=" https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js "祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; p id=皃1”在文本& lt;/p> 　　& lt;/body> 　　{{- js -}} 　　& lt; script> 　　$(文档)时函数(){ 　　$ (" # p1 ") hide () 　　}） 　　& lt;/script> 　　& lt;/html> 　　 　　之前 　　 　　

感兴趣的朋友可以使用:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

　　

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》,《jQuery常用插件及用法总结》,《jQuery扩展技巧总结》及《jQuery选择器用法总结》

　　

希望本文所述对大家jQuery程序设计有所帮助。
　　

jQuery选择器用法基础入门示例