jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。
(文档工具jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm)
有两个版本的 jQuery 可供下载:
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
- Download jQuery | jQuery
CDN在线使用
CDN- jquery
公式: $(selector).action()
美元符号定义 jQuery
选择符(selector)“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作
1、选择器
按 tag 查找
var ps = $('p');
// 返回所有<p>节点
ps.length;
// 数一数页面有多少个<p>节点
按 ID 查找
// 查找<div id="abc">:
var div = $('#abc');
按class查找
var a = $('.red');
// 所有节点包含`class="red"`都将返回
// 例如:
// <div class="red">...</div>
// <p class="green red">...</p> 1234
。。。。。还有很多选择器,请看参考文档
2、事件
<!--随时显示鼠标的位置-->
mouse:<span id = "mousemove"></span>
<script>
// $(document).read(function () {
// ........页面加载,可省略
// })
$(function () {
$(document).mousemove(function (e) {
$("#mousemove").text("x:"+e.pageX+"y:"+e.pageY)
})
})
</script>
<ul id = "list">
<li id="username">张三</li>
<li id="age">12</li>
</ul>
<script>
$("#list li[id = 'age']").text("10")
</script>
后面学点ajax就是一个公式: $(selector).action()中的action
总结
写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 java开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加需要准确的学习方向达到有效的学习效果。
由于内容较多就只放上一个大概的大纲,需要更及详细的学习思维导图的 点击我的Gitee获取。
还有 高级java全套视频教程 java进阶架构师 视频+资料+代码+面试题!
全方面的java进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。