0
点赞
收藏
分享

微信扫一扫

JavaScript学习——jQuery(不需要写很多JavaScript代码啦)

海牙秋天 2022-03-16 阅读 65

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进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。

举报

相关推荐

0 条评论