
jQuery
mintsolace
这个作者很懒,什么都没留下…
展开
-
jQuery——元素的创建及添加
<style> div{ width:300px; height:200px; background-color:pink; } </style> <script src="jquery-1.12.1.js"></script&g...原创 2019-08-02 23:52:11 · 1118 阅读 · 0 评论 -
jQuery——为元素解绑事件不同方法
例:bind解绑事件用什么方式绑定事件,最好用对应的方式解绑事件bind括号中写什么事件的名字就会把这个事件解绑,会把这个元素的这个点击的多个事件都会解绑 <style> div{ width:100px; height:30px; background-color: red; ...原创 2019-08-09 22:15:56 · 274 阅读 · 0 评论 -
jQuery——创建元素的案例 | 事件参数对象下的属性
jQuery中判断元素是否存在,是通过包装集的length属性来测试的,通过这个对象.length属性不等于0的方式来判断 <script src="jquery-1.12.1.js"></script> <script> $(function(){ if($("btn1").length!=0){ ...原创 2019-08-13 22:00:53 · 121 阅读 · 0 评论 -
jQuery——元素选中问题(特别乱(勿点
.attr(参数1);——获取某个属性的值参数1:属性的名字参数2:属性的值.attr主要操作元素的自定义属性,但是也可以操作元素的自带属性(html中本身就有的属性),但是操作元素选中的checked的时候不是很合适。操作元素的选中的checked,推荐使用prop这个方法。设置或者获取元素选中的问题推荐使用prop()方法.prop(“属性”,值);值一般是布尔类型.prop(...原创 2019-08-06 23:03:48 · 145 阅读 · 0 评论 -
jQuery——隔行变色和列表高亮显示的案例
1.隔行变色:奇红偶黄 <script src="jquery-1.12.1.js"></script> <script> $(function(){ //点击按钮 $("#btn").click(function(){ $("#uu>li:ev...原创 2019-07-28 19:31:27 · 635 阅读 · 0 评论 -
jQuery——操作元素属性的方法(2)
1.交集选择器——标签+类选择器先找p标签,从p标签中找应用了cls类样式的元素 <style> .cls{ background-color: blue; } </style> <script src="jquery-1.12.1.js"></script> ...原创 2019-07-28 17:37:40 · 149 阅读 · 0 评论 -
jQuery——操作元素属性的方法(1)
1.通过id选择器操作元素属性 <script> //页面加载事件 $(function(){ //根据id选择器获取按钮,添加点击事件,修改按钮的value属性值 $("#btn").click(function(){ this.value="哈哈"; ...原创 2019-07-28 15:34:51 · 242 阅读 · 0 评论 -
jQuery——页面加载事件
DOM中页面加载事件:页面全部加载完毕才触发(标签,文字,图片,引入的文件)<script> window.onload=function(){ console.log("Hello Mayday"); }; window.onload=function(){ console.log("Everyday is Mayday");...原创 2019-07-27 23:37:43 · 1246 阅读 · 2 评论 -
jQuery——帮我【关下灯】我要和cxh睡觉了
网页开关灯使用css方法来实现<body><input type="button" value="关灯" id="btn"/><script src="jquery-1.12.1.js"></script><script> //表单标签DOM操作中设置和获取value属性的值→对象.value //jQuery中:...原创 2019-07-27 22:54:30 · 155 阅读 · 0 评论 -
jQuery——基本了解
JavaScript库:普通JavaScript库缺点:每种控件的操作方法不统一,不同浏览器下有区别封装库。要编写跨浏览器的程序非常麻烦。JavaScript库:把一些浏览器兼容性的代码或者是常用的函数封装在一个js文件中,这个文件就是一个JavaScript库。常见JavaScript库:Prototype, YUI, Dojo, ExtJS, jQuery等,这些库对JavaScrip...原创 2019-07-27 22:58:11 · 117 阅读 · 0 评论 -
jQuery——元素绑定事件我会记得吗不会
为元素绑定事件 <script src="jquery-1.12.1.js"></script> <script> $(function(){ //第一种写法 //为按钮绑定鼠标进入,鼠标离开,点击事件 $("#btn").mouseenter(functio...原创 2019-08-07 22:57:32 · 104 阅读 · 0 评论 -
jQuery——元素的创建、添加和移除
元素创建的另一种方式 <script src="jquery-1.12.1.js"></script> <script> $(function(){ $("#btn").click(function(){ //通过innerHTML的方式创建元素——以字符串的方式 ...原创 2019-08-05 21:37:26 · 160 阅读 · 0 评论 -
jQuery——动画的相关方法
show和hide参数:1.时间:1000毫秒——1秒;2.回调函数——动画执行完毕后才执行 <style> div{ width:300px; height:200px; background-color:mediumvioletred; } </style...原创 2019-07-31 23:15:50 · 112 阅读 · 0 评论 -
jQuery——获取某个元素兄弟元素的相关方法
<style> ul{ list-style-type: none; cursor: pointer; } </style> <script src="jquery-1.12.1.js"></script> <script> ...原创 2019-07-30 22:46:21 · 2707 阅读 · 0 评论 -
jQuery——链式编程
元素样式操作使用css方法的几种写法 <script src="jquery-1.12.1.js"></script> <script> $(function(){ $("#btn").click(function(){ //设置div样式 /...原创 2019-07-30 21:19:39 · 311 阅读 · 0 评论 -
jQuery——一些乱七八糟的案例和方法
事件触发 <script src="jquery-1.12.1.js"></script> <script> $(function(){ //文本框添加获取焦点的事件 $("#txt").focus(function(){ console.log("获...原创 2019-08-11 17:06:17 · 132 阅读 · 0 评论