- 博客(9)
- 收藏
- 关注
原创 js-18 jQuery操作DOM
jQuery操作DOMjQuery添加节点使用jQuery工厂函数$()可以创建HTML元素$(HTML标签)添加节点append()可以直接传入HTML代码可以添加多个元素向元素内部末尾添加内容prepend()向元素内部开头添加内容after()在指定元素之后添加内容before()在指定元素之前添加内容jQuery删除节点remove()删除被选元素及其子元素可输入参数进行过滤empty()删除被选元素的所有子元素$(selector).replaceWith
2021-05-19 16:53:09
4077
原创 js-17 jQuery基础
jQuery基础jQuery是一个快速、简洁的JavaScript框架,它封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互等引入jQuery本地引入使用CDN引入jQuery版本x:兼容所有浏览器,使用最为广泛x:不兼容IE6/7/8,很少使用x: 不兼容IE6/7/8, 最新版,功能更多,但很多jQuery插件不兼容新版CDNCDN(Content Delivery Network),即
2021-05-19 16:19:52
1325
原创 js-16 JavaScript与CSS交互
JavaScript与CSS交互style属性通过元素的style属性,可以获取或修改元素的CSS样式原css样式为短横线命名法,在使用style属性时,需转换称小驼峰命名法如CSS中,字体大小为font-size, 使用style属性时,需改为fontSize隐藏元素用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件
2021-05-05 16:53:13
158
原创 js-15 DOM编程(三)
DOM事件绑定DOM0级别事件绑定DOM0级别:DOM最早版本的事件绑定方式,被所有浏览器兼容HTML绑定<!-- 1--html内直接绑定 --> <input type="button" id="btn0" onclick="alert('执行了html绑定的方法')" value="html中绑定"></input>JS绑定<!-- 2--使用js绑定 --> <input type="button" id="btn1" v
2021-05-05 16:30:15
61
原创 js-14
DOM编程(二)操作DOMDOM元素特性每个DOM元素都有一或多个特性,特性用来给出相应元素或其内容的附加信息,特性名称不区分大小写。特性设置:通过在HTML文档标签中设置attributeName='value',或者通过element.setAttribute('attributeName','value')设置;特性访问:通过element.getAttribute(attributeName)取得特性值;删除特性:通过方法element.removeAttribute()。特性有公认特
2021-04-20 20:21:09
72
原创 js-12
BOM编程BOM对象模型什么是BOMBOM(Browser Object Model)是指浏览器对象模型,可以对浏览器窗口进行访问和操作。使用BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。BOM对象模型结构window对象BOM 的操作入口为 window 对象,即浏览器下的全局对象所有浏览器都支持 window 对象。它表示浏览器窗口一个html文档对应一个window对象控制浏览器窗口的window对象不需要创建对象,直接使用即可所有 J
2021-04-19 21:45:05
83
原创 js-11
JavaScript对象编程(七)正则表达式什么是正则表达式正则表达式(Regular Expression,简称为RegEx),是用来匹配一系列符合某个规则的字符串的表达式正则表达式独立于编程语言,几乎所有的编程语言甚至文字处理软件都支持正则表达式应用email:/^ [\d\w]{3,}@[\d\w]{3,}[.][\d\w]{3,}$/基本语法/正则表达式主体/修饰符(可选)修饰符为可选,但一般使用g,代表全局匹配如何使用正则表达split()replace()search
2021-04-19 21:18:33
95
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人