基本选择器

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8" />
 <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
 <title></title>
 <script type="text/javascript">
 //页面加载完成事件,,很有必要添加此事件
 $(function(){
 // var $name = $("#id1");//通过jquery方式获得input对象,,jquery对象
 // var namev = $name.val();//通过jquery的方式获得输入框的值
 // alert("您输入的用户名是:"+namev);
 //通过jquery对象获得dom对象
 // var dname1 = $name[0];//方式一
 // var dname2 = $name.get(0);//方式二
 // alert(dname1.value);
 //通过document获得dom对象
 // var dname3 = document.getElementById("id1");//dom对象
  
 //dom对象转换为jquery对象
 // var $name1 = $(dname3);
 // alert($name1.val());
  
 //通过id选择器获得提交按钮对象,然后绑定单击事件的响应回调函数
 $("#tj").click(function(){
 var $name = $("#id1");//通过jquery方式获得input对象,,jquery对象
 var namev = $name.val();//通过jquery的方式获得输入框的值
 alert("输入的信息是:"+namev);
 });
  
 $("#getObj").click(function(){
 //通过id获取元素
 var div1 = $("#myDiv");
 // alert(div1.text());
 //通过标签选择器获得元素
 var divs = $("div");
 //通过class选择器获得元素
 var divc1 = $(".c1");
 alert(divc1.text());
 //得到所有的元素
 var eleall = $("*");
 //组合选择器,,获得div和input两种元素
 var eles = $("div,input");
  
  
 debugger;
 });
  
 });
  
 </script>
 </head>
 <body>
 <div>
 用户名:<input type="text" name="username" id="id1" value="请输入用户名" /><br />
 <input type="button" value="提交" id="tj"/>
 </div>
 <div id="notme">
 <p>id="notme"</p>
 </div>
 <div id="myDiv">id=myDiv</div>
 <div class="c1">class=c1</div>
  
  
  
 <input type="button" value="获得元素对象" id="getObj"/>
  
  
 </body>
 </html>
 
阅读更多

没有更多推荐了,返回首页