• 函数


    函数:

    val()
    $(选择器).val():无参形式,获取第一个dom对象的value属性值
    $(选择器).val(值):有参形式,对数组中所有dom对象的value属性值进行统一赋值

    text()
    $(选择器).text(),读取数组中所有dom对象的文字显示内容,得到的内容拼接成一个字符串返回
    $(选择器).text(值),对数组中所有dom对象的文字显示内容进行统一赋值

    attr
    $(选择器).attr(“属性名”):获取dom数组中第一个对象的属性值
    $(选择器).attr(“属性名”,“值”):对数组中所有dom对象的属性设为新值

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>函数</title>
    		<style type="text/css">
    			div{
    				background-color: goldenrod;
    			}
    			img{
    				height: 100px;
    			}
    		</style>
    		<script type="text/javascript" src="js/jquery-3.4.1.js">
    			
    		</script>
    		<script type="text/javascript">
    			$(function(){
    				$("#btn1").click(function(){
    					alert($(":text").val());
    				})
    				
    				$("#btn2").click(function(){
    					$(":text").val("设置所有值为hello");
    				})
    				
    				$("#btn3").click(function(){
    					alert($("div").text());
    				})
    				
    				$("#btn4").click(function(){
    					alert($("img").attr("src"));
    				})
    				
    				$("#btn5").click(function(){
    					$("img").attr("src","img/index2.jpg")
    				})
    			})
    		</script>
    	</head>
    	<body>
    		<input type="text" value="text1" /><br />
    		<input type="text" value="text2" /><br />
    		<input type="text" value="text3" /><br />
    		<br />
    		<div>我是div1</div><br />
    		<div>我是div2</div><br />
    		<div>我是div3</div><br />
    		
    		<img src="img/index.jpg" id="image1"/>
    		
    		<br />
    		
    		<input type="button" id="btn1" value="获取第一个文本框的值"/>
    		<br />
    		
    		<input type="button" id="btn2" value="设置所有文本框的值为hello"/>
    		<br />
    		
    		<input type="button" id="btn3" value="获取div文本"/>
    		<br />
    		
    		<input type="button" id="btn4" value="获取div文本"/>
    		<br />
    		
    		<input type="button" id="btn5" value="获取div文本"/>
    	</body>
    	
    </html>
    
  • 相关阅读:
    二分查找
    bracketed-paste-magic:zle:41: not enough arguments for -U
    逗号表达式返回值
    requestAnimationFrame实现一帧的函数节流
    phaser常用API总结
    table表头固定问题
    接口防刷的方法
    雪碧图background-position的rem用法
    sphinx 增量索引与主索引使用测试
    msysgit ls 中文显示
  • 原文地址:https://www.cnblogs.com/ethnic/p/14523396.html
Copyright © 2020-2023  润新知