JQUERY的基本使用方法
2024-09-21 09:40:36
#准备工作
- 在官网下载JQUERY库
- 将库在你需要的网页上引用
1
2
3<head>
<script src="jquery.js"></script>
</head>
#Jquery的基本语法
所有Jquery代码都需在如下代码里运行
1
2
3$(function(){
--- jQuery functions go here ----
})大致语法
1
2
3
4
5基础语法是:$(selector).action() 美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
1 |
$(this).hide() - 隐藏当前元素 |
#Jquery 选择器
元素选择器
1
2
3$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。属性选择器
1
2
3
4$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。CSS 选择器
1
$("p").css("background-color","red");
jQuery 选择器
最新文章
- Objective-C 30分钟入门教程
- Dojo的Gridx使用jsonrest需要注意的地方
- Excel 使用宏批量修改单元格内指定文字为红字
- PyQt4 QListview控件使用方法
- POJ 2001 字典树(入门题)
- hdu 1520 (树形DP)
- Unity 3D 文件导入出错误解决方法以及unity圣典离线版下载地址
- [学习笔记]jQuery实现一些动画效果的方法
- WebBrowser控件使用技巧分享
- November 12th 2016 Week 46th Saturday
- 自己动手编写Maven的插件
- git stash的用法
- linux(CENTOS)系统各个目录的作用详解
- 开发步骤Dubbo、spring mvc、springboot、SSM开发步骤
- HDU - 2187 贪心
- GROUP BY你都不会!ROLLUP,CUBE,GROUPPING详解
- 知其所以然~tcp和udp的区别
- Eclipse is running in a JRE, but a JDK is required Some Maven plugins may not work when importing projects or updating source folders.
- vim 命令图解
- windows8/10+Ubuntu Kylin(优麒麟)双系统