博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
学习笔记之jquery
阅读量:4110 次
发布时间:2019-05-25

本文共 970 字,大约阅读时间需要 3 分钟。

本地服务

cmd–services.msc启动mysql服务

1.使用jquery

在script标签里先通过src属性导入.js文件。例:

<script src="../js/jquery-1.11.0.min.js"></script>

2.页面加载

页面加载事件尽量不要使用DOM的window.οnlοad=function(){}属性,因为只能使用一次

但可以使用jquery封装了的对象即$(function(){...})

3.派发事件

$("选择器").click(function(){...});//鼠标单击时发生的事件

例:

$(function(){	$("id的值").click(function(){	alert(123);	})});

4.选择器

1)基本选择器

$("#id") //所有id=id

$(".class") //所有class=class
$("div") //所有标签名为div
$("#id,.class") //所有id=id和class=class

2)层次选择器

a b-----a的所有b后代

a>b-----a的所有b孩子
a+b-----a的下一个兄弟(大弟弟)
a~b-----a的所有弟弟

3)基本过滤选择器

div(标签名):frist 第一个

同上:last 最后一个
同上:odd 索引奇数
同上:even 索引偶数
同上:eq(index) 指定索引
同上:gt(index)>
同上:lt(index)<

4)内容过滤

:has(“选择器”) 包含指定选择器的元素

例:选取含有class为mini元素的div元素

$("bt1").click(function(){$("div:has('.mini')").css("background-color","#0ff")})})

案例:隔行换色

5.对属性及css操作

对属性:使用attr(“属性名”,“要添加的属性”);

对多个属性:使用attr({“属性名”:“要添加的属性”

          属性名":“要添加的属性”
});

对css:使用css(“属性名”,“要添加的属性”);

对多个属性:使用css({“属性名”:“要添加的属性”

          属性名":“要添加的属性”
});

转载地址:http://ycosi.baihongyu.com/

你可能感兴趣的文章
JAVA八大经典书籍,你看过几本?
查看>>
《读书笔记》—–书单推荐
查看>>
【设计模式】—-(2)工厂方法模式(创建型)
查看>>
有return的情况下try catch finally的执行顺序(最有说服力的总结)
查看>>
String s1 = new String("abc"); String s2 = ("abc");
查看>>
JAVA数据类型
查看>>
Xshell 4 入门
查看>>
SoapUI-入门
查看>>
Oracle -常用命令
查看>>
JAVA技术简称
查看>>
ORACLE模糊查询优化浅谈
查看>>
2016——个人年度总结
查看>>
2017——新的开始,加油!
查看>>
【Python】学习笔记——-6.2、使用第三方模块
查看>>
【Python】学习笔记——-7.0、面向对象编程
查看>>
【Python】学习笔记——-7.1、类和实例
查看>>
【Python】学习笔记——-7.2、访问限制
查看>>
【Python】学习笔记——-7.3、继承和多态
查看>>
【Python】学习笔记——-7.4、获取对象信息
查看>>
【Python】学习笔记——-7.5、实例属性和类属性
查看>>