2.4.1第一组 1. val操作数组中DOM对象的value属性 .$( 选择器 ).val():无参数调用形式, 读取数组中第一个DOM对象的value属性值$( 选择器 ).val( 值 ) :有参形式调用 ;
对数组中所有DOM对象的value属性值进行统一赋值2.text操作数组中所有DOM对象的【文字显示内容属性】$( 选择器 ).text(): 无参数调用,读取数组中所有DOM对象的文字显示内容,将得到内容拼接为一个字符串返回$( 选择器 ).text( 值 ): 有参数方式,对数组中所有DOM对象的文字显示内容进行统一赋值 3.attr对val, text之外的其他属性操作$( 选择器 ).attr( “属性名” ):获取DOM数组第一个对象的属性值$( 选择器 ).attr( “属性名” , “值” ):对数组中所有DOM对象的属性设为新值例:创建fun1.html样式:
文章图片
页面:
文章图片
js 函数
文章图片
2.4.2第二组1.hide$( 选择器 ).hide() : 将数组中所有DOM对象隐藏起来2.show$( 选择器 ).show(): 将数组中所有DOM对象在浏览器中显示起来 3.remove$( 选择器 ).remove() :将数组中所有DOM对象及其子对象一并删除4.empty$( 选择器 ).empty() :将数组中所有DOM对象的子对象删除5.append为数组中所有DOM对象添加子对象$( 选择器 ).append(" 我动态添加的div")6.html设置或返回被选元素的内容( innerHTML )。$( 选择器 ) .html() :无参数调用方法,获取DOM数组第一个匹元素的内容。$( 选择器 ) .html( 值 ) :有参数调用,用于设置DOM数组中所有元素的内容。7.eacheach是对数组, json和dom数组等的遍历 , 对每个元素调用一次函数。语法1 : $.each(要遍历的对象 , function(index,element) {处理程序} )语法2 : jQuery对象 .each( function( index, element ) {处理程序} )index:数组的下标element:数组的对象例:新建fun2.html样式:
文章图片
【Jquery|4.jquery(函数)】页面:
文章图片
文章图片
js 函数
文章图片
文章图片
each用法页面上加入text
文章图片
加入 三个按钮, 创建点击事件
文章图片
文章图片
文章图片
或者
文章图片
推荐阅读
- 前端学习日志|JavaScript基础语法_JavaScript简单类型和复杂类型
- vue后台管理|vue 详情页返回列表,过滤查询条件保留
- javascript|three.js案例解析之代码实现morph动画
- 极客日常|【极客日常】vue3中实现Array数组更新的方法
- vue|[vue]路由传参的三种方式
- html|Vue项目实战
- 谷粒商城笔记|7.商城业务域名访问
- 谷粒商城笔记|10.认证服务,单点登录
- 前端|【前端面试必知】行内块元素之间的空白间隔是什么原因引起的