【bom操作,事件与jquery】的更多相关文章

bom操作,事件与jquery

BOM操作中 window关键字 可以不写 DOM操作 学习如何查找节点 如何查找标签 选择器 事件 当符合某个条件下 自动触发的动作/响应 js绑定事件的方式 方式1 不推荐使用 <button onclick="func()">按钮</button> 方式2 推荐使用 标签查找动态绑定的方式 function func() { alert('我被点击了') } var i1Ele = document.getElementById('d1'); i1Ele.…

jQuery学习小结1-CSS操作+事件

一.DOM对象和jQuery 对象互换 1.jQuery对象 就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码:document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生…

jQuery中操作事件

JavaScript中操作事件的方式是这样的: 元素.on事件名=function(){ //事件执行的代码 } 但是jQuery有点不同,他的格式是这样的: 元素.on("事件名",function(){ //事件执行的代码 }) 容易混淆,注意区分! jQuery常见事件有以下这些: blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 dblclick() 鼠标双击事件 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标…

jquery的api以及用法总结-数据/操作/事件

数据 .data() 在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值 .data(obj) 一个用于更新数据的键/值对 .data()方法允许我们再dom元素上绑定任意类型的数据,避免了循环引用的内存的泄露风险 从div元素存储然后找回一个值 此例中可以将#log内存储的数据分别提取到span中 <div id="log"> the value is <span></span> and <span>…

JQuery操作样式以及JQuery事件机制

1.操作样式     1.1 css的操作     功能:设置或者修改样式,操作的是style属性 操作单个样式 // name:需要设置的样式名称 // value:对应的样式值 // $obj.css(name, value); // 使用案例 $('#one').css('background','gray');// 将背景色修改为灰色       设置多个样式 // 参数是一个对象,对象中包含了需要设置的样式名和样式值 // $obj.css(obj); // 使用案例 $('#one'…

DOM标签操作与事件与jQuery查找标签

目录 DOM之操作标签 创建标签对象 标签对象的属性 innerText与innerHTML 标签内部追加内容 属性操作 事件 常用事件 事件绑定 事件案例 jQuery简介 查找标签 基本选择器 属性选择器 基本筛选器 筛选器方法 DOM之操作标签 创建标签对象 创建空标签对象. var pEle = document.createElement('p') // 创建p标签 标签对象的属性 获取或创建了标签对象后,可以直接给点+属性名的方式设置标签属性值.如: 标签对象.id = 'p1' /…

BOM操作

BOM操作 //浏览器对象模型 opener=window.open(页面的url,打开方式) opener.document.body.style.background="red";//把打开的页面背景颜色变成红色,涉及跨域问题 //方法打开一个新的页面,如果打开url为空则打开一个空白页面,如果打开方式为空则默认打开方式 window.close()// 火狐不兼容,关闭当前页面 window.navigator.userAgent//获取浏览器信息 window.location…

JS的BOM操作语法

整理了一下JS的BOM操作语法,这里记录一下. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js的BOM操作</title> <style type="text/css"> #dv3{ width: 300px; height: 200px; background-color: yellow; } #dv4{…

day45:JS中的json&JS的BOM操作和DOM操作

目录 1.补充:CSS中的弹性盒子 2.JS中json的序列化 3.JS中的BOM操作 3.1 location操作 3.2 计时器 4.JS中的DOM操作 4.1 创建标签 4.2 查找标签 4.3 文本操作 4.4 值操作 4.5 事件 5.用CSS实现小米商城导航栏+主内容部分 补充:CSS中的弹性盒子 弹性盒子的作用:和line-height一样,可以将内容进行垂直居中显示,并且在使用效果上比line-height更好用 /* css效果 */ .c1{ height: 100px; w…

5、前端--js常量、变量、5种基本数据类型（number string boolean undefined object）、运算符、流程控制、三元运算符、函数、自定义对象、内置对象、BOM操作

变量与常量 在JS中声明变量需要使用关键字 老版本 var(全部都是全局变量) 新版本 let(可以声明局部变量) # 推荐使用let(其实问题不大) 在JS中声明常量也需要使用关键字 const # 声明一个真正意义上的常量 如何创建变量 var name = 'jason' let name = 'jason01' 如何创建常量 const pi = 3.14 """ 可以编写js代码的地方 1.pycharm提供的js文件 2.直接使用浏览器提供的编程环境 "…