学习博客：【JavaScript】jQuery

jQuery

1.jQuery的导入

<!--cdn在线导入-->
<script src="https://lib.baomitu.com/jquery/3.6.0/jquery.js">
</script>

<!--本地导入-->
<script src="lib/jquery-3.6.0.js"></script>

2.使用方法

$(select).action()

<!--$(select).action()--><a href="" id="test-jquery">请点击</a><script>//选择器就是css的选择器//$(select).action()$('#test-jquery').click(function (){alert('hi,jquery')})</script>

3.选择器

<script>//标签document.getElementsByTagName();//iddocument.getElementById();//类document.getElementsByClassName();//jQuery$('p').click();     //标签选择器$('#id').click();     //id选择器$('.class').click();     //类选择器</script>

4.事件：鼠标、键盘、其他

<!--获取鼠标当前坐标-->
mouse: <span id="mouseMove"></span>
<div id="divMove">移动鼠标
</div><script>//当网页元素加载完毕之后相应事件// (document).ready 可省略$(document).ready(function(){$('#divMove').mousemove(function (e){$('#mouseMove').text('x:' + e.pageX + " y:" + e.pageY)})});</script>

5.操作DOM

节点文本

$('#test-ul li[name=ee]').text();   //获取
$('#test-ul li[name=ee]').text('set');   //更改$('#test-ul').html();   //获取
$('#test-ul').html('<strong>Java<strong>');   //更改

css

$('#test-ul li[name=ee]').css("color","red")    //换色

显示与隐藏：display: none

$('#test-ul li[name=se]').show();   //显示
$('#test-ul li[name=se]').hide();   //隐藏

其他

$(window).width();
$(window).height();$(document).width();$('#test-ul li[name=se]').toggle();   //轮换

学习博客：【JavaScript】jQuery相关推荐

JAVA学习博客---2015.5
上一次的学习博客写的和流水账差不多,有点生硬的和背目录一样,所以既然学习的目的是程序,那么这个月的学习博客就用程序来说点东西吧.这个月看了一些C和JAVA的视频,开始看别人写的程序,能看的懂但是自己去 ...
几个非常有用的iOS学习博客链接
几个非常有用的iOS学习博客链接请仔细阅读相关链接下的其他博客的文章: http://blog.csdn.net/sanpintian/article/details/7402853 http:// ...
博客园jquery专题
博客园jquery专题,待续..... http://kb.cnblogs.com/zt/jquery/ 转载于:https://www.cnblogs.com/baiduligang/p/42471 ...
记录自己第一个java学习博客
记录自己第一个java学习博客阿里java规范弄懂 JRE.JDK.JVM 之间的区别与联系 DOS常用命令常用mac终端命令今天我学习了java第一个程序打印出helloworld! pac ...
软件构造第五次学习博客——SpotBugs概述
软件构造第五次学习博客--SpotBugs概述 SpotBugs 介绍 SpotBugs是Findbugs的继任者(用于对代码进行静态分析,查找相关的漏洞. SpotBugs官方文档的bug描述目前 ...
【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI
前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...
计算机视觉--图像处理基础操作学习博客参考1
以下内容为参考学习使用. 个人电脑的浏览器经常更换,不便收藏,记录在本文供以后学习参考使用. 该网友有编程经验,从实践的角度看OpenCV和图像处理的基本操作,并提供代码和解析博客园某网友的的链接: ...
转载一个不错的Scrapy学习博客笔记
背景: 最近在学习网络爬虫Scrapy,官网是 http://scrapy.org 官方描述:Scrapy is a fast high-level screen scraping and web c ...
必读的AI和深度学习博客
https://mp.weixin.qq.com/s/VrDYqkxRtVar-aWHAJHzpQ 我从未见过能与人工智能和认知计算相匹配来改变世界的事物认知解决方案和IBM研究部高级副总裁John ...
小桥加加的英语学习博客
今天又开始要学习英语了, 要有毅力的学下去. 张CEO说过: 把简单的事情千百次的做好,就是不简单. 所以,要做好每一天的"简单"的事. 学英语更是如此. 不积小流,无以成江海. ...

学习博客：【JavaScript】jQuery

jQuery

学习博客：【JavaScript】jQuery相关推荐

最新文章

热门文章