jquery-210812-05---jquery函数02

jquery-210812-05—jquery函数02

函数介绍
演示

函数介绍

1. hide$(选择器).hide() :将数组中所有 DOM对象隐藏起来2. show$(选择器).show():将数组中所有 DOM对象在浏览器中显示起来3. remove$(选择器).remove() : 将数组中所有 DOM对象及其子对象一并删除4. empty$(选择器).empty()：将数组中所有 DOM对象的子对象删除5. append为数组中所有 DOM对象添加子对象$(选择器).append("<div>我动态添加的 div</div>")6. html设置或返回被选元素的内容（innerHTML）。$(选择器).html()：无参数调用方法，获取 DOM数组第一个匹元素的内容。$(选择器).html(值)：有参数调用，用于设置 DOM数组中所有元素的内容。

演示

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>jquery函数02</title><script type="text/javascript" src="js/jquery-3.4.1.js"></script><script type="text/javascript">// remove$(function(){$("#btnRemoveSelectLabel").click(function(){$("select").remove();})})// empty$(function(){$("#btnEmptySelectSonLabel").click(function(){$("select").empty();})})// append$(function(){$("#btnAppendLabel").click(function(){$("#father").append("<input type='button' value='我是append方法新增加的按钮'/>");})})// html，，无参$(function(){$("#btnGetSpanTextValue").click(function(){alert($("span").html());     // 输出：span01<b>span01</b>// alert($("span").text());       // 输出：span01span01span02})})// html，，有参$(function(){$("#btnSetSpanTextValue").click(function(){$("span").html("<b>span</b>");})})</script></head><body><select><option value="华为">华为</option><option value="小米">小米</option><option value="荣耀">荣耀</option></select><br/><br/><select><option value="联想">联想</option><option value="戴尔">戴尔</option><option value="华硕">华硕</option></select><br/><br/><div id="father">div_father</div><br/><br/><span>span01<b>span01</b></span><br/><br/><span>span02</span><br/><br/><br/><input type="button" id="btnRemoveSelectLabel" value="使用remove删除下拉列表" /><br/><input type="button" id="btnEmptySelectSonLabel" value="使用empty删除下拉列表子对象" /><br/><input type="button" id="btnAppendLabel" value="使用append增加子对象" /><br/><input type="button" id="btnGetSpanTextValue" value="获取第一个span标签的文本值" /><br/><input type="button" id="btnSetSpanTextValue" value="设置所有span标签的文本值" /></body>
</html>

jquery-210812-05---jquery函数02相关推荐

【08】jQuery：01-jQuery介绍、jQuery基本使用、jQuery选择器、jQuery样式操作、jQuery效果、jQuery入口函数、jQuery对象
文章目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基 ...
【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数，获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
java如何构造ajax回调参数,jQuery实现ajax回调函数带入参数的方法示例
本文实例讲述了jQuery实现ajax回调函数带入参数的方法.分享给大家供大家参考,具体如下: 不带参数的写法: function pass(htmlId,auditingFlag){ var url ...
[jQuery] 你知道自定义事件吗？jQuery里的fire函数是什么意思，什么时候用？
[jQuery] 你知道自定义事件吗?jQuery里的fire函数是什么意思,什么时候用? 1种是把那个bai函数放du到zhiready函数外面. 第dao2种是在ready函数zhuan里面加上w ...
工厂好的html页面,jquery中被誉为工厂函数的是什么？
jquery中被誉为工厂函数的是"$()".在jQuery中,无论我们使用哪种类型的选择符都需要从一个"$"符号和一对"()"开始.下面本篇 ...
jquery06 jQuery.extend 给jQuery函数添加、继承静态方法
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
jquery中serialize()序列化函数
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中serialize()序列化函数 serialize()序列化,将元素转化为xx=xx&xx=xx&am ...
jQuery选择文本事件函数– select（）方法
jQuery select() method triggers when a text in the text field or text area is selected. This method ...
JavaWeb开发前端语言：jQuery（一） jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选
JavaWeb开发前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...
jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制——jQuery
目录一.jQuery简介二.引入jQuery 三.jQuery核心函数四.jQuery对象五.jQuery对象操作class 六.addClass补充七.jQuery对象复制一.jQuer ...

jquery-210812-05---jquery函数02

jquery-210812-05—jquery函数02

函数介绍

演示

jquery-210812-05---jquery函数02相关推荐

最新文章

热门文章