
jquery
水巷石子
大道至简
展开
-
jquery事件切换
jquery事件切换逐个添加事件需要几个事件,就天添加几次,每次是对象调用函数链接方式方法返回当前对象切换方式hover函数接收两个函数(如A,B)点击A后事件切换为B点击B后事件切换为A<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script原创 2020-09-18 10:10:50 · 3621 阅读 · 0 评论 -
jquery事件绑定和解绑
jquery事件绑定和解绑事件的绑定和解绑 <input id="btnId" type="button" onclick="clickFn()" value="点我,弹框"/>方式1:在标签中写死function clickFn(){}方式2:在程序中动态绑定,但是不能解绑$("#btnId").click(function(){});方式3:在程序中动态绑定,可以解绑$("#btnId").on(“click”,function(){});原创 2020-09-18 10:04:14 · 3282 阅读 · 0 评论 -
jquery数组的遍历
jquery数组的遍历原始遍历(普通for)jquery对象函数遍历(对象.each)$(“div”).each(function(index,element){ });jquery全局函数遍历($.each) 重点!!!$.each(数组的对象,function(index,elemen){})jquery3.0新特性(增强for) 重点!!!//快捷键:iterfor(li of liEles){}<!DOCTYPE html><原创 2020-09-18 09:57:03 · 3488 阅读 · 0 评论 -
jquery的案例-隔行换色
jquery的案例-隔行换色 <!--导入js--> <script type="text/javascript" src="../js/jquery-3.3.1.js"></script> <script type="text/javascript"> $(function () { $("tr:gt(1):even").css("background-color","red"); $("tr:gt(1):odd").css("bac原创 2020-09-18 09:18:23 · 3025 阅读 · 0 评论 -
jquery的dom-操作函数
jquery的dom-属性和文本jquery对象可以调用多种函数,操作选择器返回的jquery对象(1)text属性-text()(2)html属性-html()(3)value属性-val() ****<input id="myinput" type="text" name="username" value="张三" /><br /><div id="mydiv">标题标签</div><div id="mydiv"><p&原创 2020-09-18 09:15:16 · 2859 阅读 · 0 评论 -
jquery的选择器概述
jquery的选择器概述(1)选择器是什么?$()特殊的”函数”,不同的字符串参数(代表不同的规则),执行之后可以获取页面的符合条件的元素返回(2)选择器分类基本选择器层级选择器属性选择器基本过滤选择器表单属性选择器jquery的选择器-基本选择器***(1)基本选择器(2)css函数在jquery中,修改样式的函数参1:属性名参2:属性值(3)参数字符串可以为多个规则,使用,隔开,表示或者 <script type="text/javascript"原创 2020-09-18 09:13:05 · 2858 阅读 · 0 评论 -
jquery的入门
jquery的入门一个网页可以有几部分组成?开发前端的三剑客:HTML Css Jsjquery是什么jquery是js的一个框架,jquery是对js的封装,jquery是第三方组织写的一个js文件jquery和js的关系类似:JDBC和DBUtils关系有什么特点?jquery是为了简化js的书写jquery的宗旨:写的更少,做的更多如何使用jquery你如果想要使用jquery,引入这个js文件,使用选择器查找元素,再调用函数##jquery的版本介绍原创 2020-09-17 10:27:09 · 3305 阅读 · 2 评论 -
引入jquery出现:Uncaught ReferenceError: $ is not defined错误
引入jquery出现:Uncaught ReferenceError: $ is not defined错误html代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>用户名:<input id="inputId" type="t原创 2020-09-17 10:08:08 · 5452 阅读 · 0 评论