JavaScript
文章平均质量分 57
javascript
敲代码敲到头发茂密
欲戴王冠,必承其重
展开
-
javascript基本语法(持续补充)
function 函数名(参数 1 ,参数 2 ) {函数体 return 返回值 } work()console . log('---执行了work1方法---') console . log('参数a' , a) console . log('参数b' , b) } work1(1 , 2) function work2(a , b = 66) {原创 2022-10-20 08:27:45 · 5464 阅读 · 45 评论 -
jQuery对象和DOM对象转化
使用原生JS方式获得的页面结点对象我们可以简称为DOM对象,使用jQuery核心函数获得的对象我们可以简称为jQuery对象,DOM对象和jQuery对象之间的方法和属性是不通用DOM对象如何调用jQuery函数 ? DOM对象转换为jQuery $(DOM)jQuery对象如何调用DOM对象的属性和方法? jQuery转换为DOM对象 get(0) [0]代码展示<!DOCTYPE html><html> <head>原创 2022-01-28 07:00:00 · 523 阅读 · 0 评论 -
jQuery绑定和触发事件
jQuery操作事件无非就是绑定事件,触发事件,解绑定事件.原生js中的通过DOM编程和在标签上的事件属性绑定事件,jQuery中,我们可以使用事件的绑定:bind(),live()(1.8及之前可用),on()(1.9之后推荐使用),one()事件解绑定:unbind()事件的触发:行为触发, jQuery方法触发bind 方法绑定事件,在jQuery中,事件的名称 = 原始名称去掉 on例如onclick ——》 clickonmouseover ——》 mouseover原创 2022-01-28 07:00:00 · 770 阅读 · 0 评论 -
jQuery操作文本和增删元素
1原创 2022-01-27 07:00:00 · 449 阅读 · 0 评论 -
jQuery操作样式和属性
操作属性原生js 中通过元素.属性名或者元素.setAttribute()方式操作元素属性,jQuery给我们封装了attr() 和removeAttr(),更加便捷的操作属性获取属性值:$("#f1").attr("color")修改属性值:$('#f1').attr("color","green")删除属性值:$("#f1").removeAttr("color")增加属性值:$("#f1").attr("class","a")<!DOCTYPE html><html&g原创 2022-01-26 07:00:00 · 278 阅读 · 0 评论 -
JavaScript之DOM编程(获取节点、删除节点、操作标签文本、操作节点属性、操作节点样式)
一、获取节点element1=window.document.getElementById("d1")<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript">原创 2022-01-26 07:00:00 · 718 阅读 · 0 评论 -
jQuery之表单选择器
关于表单项状态的选择器:selected :checked :enabled :disabled :hidden :visible注意$("input")和$(":input")的区别$("input"):标签选择器,只匹配input标签,$(":input"): 匹配所有 input, textarea, select 和 button 元素<!DOCTYPE html><html> <head> <meta charset=原创 2022-01-25 07:00:00 · 1034 阅读 · 0 评论 -
jQuery之位置选择器
针对整个页面而言的位置选择器:first获取第一个元素:last获取最后一个元素:odd匹配所有索引值为奇数的元素,从0 开始计数:even匹配所有索引值为偶数的元素,从0 开始计数:eq(n)匹配一个给定索引值的元素:gt(n)匹配所有大于给定索引值的元素:lt(n)匹配所有小于给定索引值的元素针对上级标签而言的位置选择器:first-child匹配第一个子元素:last-child匹配最后一个子元素:only-child如果某个元素是父元素中唯一的子元素,将会被匹配:nth-ch原创 2022-01-25 07:00:00 · 860 阅读 · 0 评论 -
jQuery之属性选择器
属性选择器[attribute]匹配包含给定属性的元素$("a").addClass("myClass"); $("a[href]").addClass("myClass"); [attribute1][attribute2]复合属性选择器,需要同时满足多个属性$("a[href][title]").addClass("myClass");[attribute=value]匹配给定的属性是某个特定值的元素$("a[href='film-2.html']").addClass("myClas原创 2022-01-24 07:00:00 · 4107 阅读 · 0 评论 -
jQuery之基本选择器
基本选择器标签选择器:$('p')id选择器:$(’#id‘)、$('p#id')类选择器:$('.class')、$('h1.class')通配选择器:$('*')并集选择器:$('elem1,elem2,elem3')后代选择器:$(ul li)父子选择器:$(ul>li)后面第一个兄弟元素 prev + next后面所有的兄弟元素 prev ~ next如果作为一个后端开发人员,必须会使用的选择器id选择器 $("#id")类选择器 $('.class属性值')标签选原创 2022-01-24 07:00:00 · 392 阅读 · 0 评论 -
jQuery的引入与原生JavaScript实现对比
原生JavaScript实现动态隔行变色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .a { background-color: greenyellow;原创 2022-01-23 07:00:00 · 2476 阅读 · 0 评论 -
jQuery之页面加载函数
body中的οnlοad="fun1()"表示页面加载事件,只有body中的元素加载完毕之后才会调用fun1()方法第一种方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function fun1(){ var element=windo原创 2022-01-22 07:00:00 · 2081 阅读 · 0 评论 -
用javascript和jQuery实现对标签设置属性
给标签设置属性第一种方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ border: 5px solid red; width: 100px; height: 100px; } </style>原创 2022-01-22 07:00:00 · 678 阅读 · 0 评论 -
JavaScript之DOM编程
什么是DOM编程简单来说:DOM编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程.什么是documentdocument对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程的关键所在。document对象如何获取document对象是window对象的一个成员属性,通过window.document来访问,当然也可以直接使用document,根据HTML代码结构特点,documen原创 2022-01-21 07:00:00 · 396 阅读 · 0 评论 -
JavaScript之BOM和DOM概念介绍
一、BOMBOM是Browser Object Model的简写,即浏览器对象模型。将浏览器抽象成一个对象——》window 同时封装了一些属性和方法有了BOM之后,就可以控制浏览器的行为。BOM的顶层是window对象二、DOMDOM是Document Object Model的简写,即文档对象模型。DOM用于XHTML、XML文档的应用程序接口(API)。将浏览器当前打开的文件抽象成对象——document将文档解析成一个document对象,属性结构的对象通过该对象可以达到修改页原创 2022-01-21 07:00:00 · 753 阅读 · 0 评论 -
JavaScript之事件
一、鼠标事件案例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #d1{ width: 100px; height: 100px; background-color: red; } </style> <原创 2022-01-20 06:52:57 · 280 阅读 · 0 评论 -
JavaScript之自定义对象
JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:使用 Object在 JavaScript 中,几乎所有的对象都是 Object 类型的实例,它们都会从 Object.prototype 继承属性和方法。Object 构造函数创建一个对象包装器。Object 构造函数,会根据给定的参数创建对象,具体有以下情况:如果给定值是 null 或 undefined,将会创建并返回一个空对象。如果传进去的是一个基本类型的值,则会构造其包装类型的对象。如原创 2022-01-20 06:52:30 · 1209 阅读 · 0 评论 -
JavaScript对象之String、Math对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。所有事物都是对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。数字型可以是一个对象。字符串也可以是一个对象日期是一个对象数学和正则表达式也是对象数组是一个对象甚至函数也可以是对象访问对象的属性访问对象属性的语法是:objectName.propertyName这个原创 2022-01-19 07:00:00 · 418 阅读 · 0 评论