基本选择器

原创 2018年04月16日 18:59:34
 <!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>
 

面试究竟“试”什么?

大学生求职路上遇尴尬:面试究竟“试”什么?  再见到师兄时,他已全无先前的那种意气风发、激情澎湃了。瘦了一圈的脸上满是消沉和沮丧。问他几次,他才痛苦地说,害怕面试--  3月下旬,我参加了北京的一家大...
  • stanely
  • stanely
  • 2001-06-04 16:26:00
  • 1233

jQuery基础教程之强大的选择器(基本选择器)

jQuery之所以称之为“jQuery”,主要就是因为她强大的选择器,也就是javascript query的意思。 今天我来说一说,jQuery的最基本的选择器。 jQuery的基本选择...
  • wql19881207
  • wql19881207
  • 2012-03-31 13:41:00
  • 1318

【CSS】——三大基础选择器以及优先级

前提  小编最近在学习前端的一些内容,想要做出用户体验度高的界面,CSS是我们必须要学习的一门编程语言。何为CSS?   CSS(Cascading Style Sheets,层叠样式表)是一种用...
  • jiadajing267
  • jiadajing267
  • 2016-05-23 14:30:24
  • 1418

CSS中的三种基础选择器,

Html中有三种方法可以使用CSS,而在css中,有三种基础的选择器 1、元素选择器     也叫标签选择器,即在CSS中利用标签名称来定义其外观 2、类选择器,是用点.符号开头,后面跟上一个自定义的...
  • liusure09
  • liusure09
  • 2016-01-13 16:00:39
  • 2182

CSS:CSS选择器之【基本选择器】

概述CSS选择器的作用是找出某类元素,以便我们使用style元素或者外部样式表对这类元素设置样式。CSS的基础选择器主要有三个:标签选择器、类选择器、id选择器和属性选择器。通用选择器通用选择器匹配文...
  • Hierarch_Lee
  • Hierarch_Lee
  • 2016-09-21 11:01:49
  • 743

CSS基础:基本选择器分类和使用

1、通配符选择器(*)*{ marigin: 0; padding: 0; }//ul元素下的所有元素 ul *{border:1px solid blue;}2、元素选择器(Elem...
  • javaloveiphone
  • javaloveiphone
  • 2015-10-01 15:17:01
  • 1214

Jquery简单过滤选择器(应用最广泛的选择器)

(1)Jquery中简单过滤选择器 jquery根据某一类过滤规则进行元素匹配,书写时以:开头,是Jquery中应用最为广泛的选择器 (2)简单过滤选择器的基本语法 ①first()或者...
  • qq_29854443
  • qq_29854443
  • 2017-05-04 21:37:03
  • 594

JQuery入门贴:五种基本选择器

JQuery的选择器是很强大,很灵活的。基本选择器是我们平时编程中用的最多的,虽然JQuery版本现在已经发展到了2.x版本,但是基本选择器没有发生改变,就是只有5种。...
  • aitangyong
  • aitangyong
  • 2015-02-05 21:35:58
  • 813

css选择器的练习

制作效果: html代码: css代码: 制作思路: 文章中标题下的文字字体颜色不一,可以使用:nth-child()选择器,()中可以填写数字...
  • szhgege
  • szhgege
  • 2017-01-19 14:50:16
  • 306

CSS三种基本选择器介绍及应用

基本选择器
  • wjw_java
  • wjw_java
  • 2012-09-26 11:50:34
  • 1239
收藏助手
不良信息举报
您举报文章:基本选择器
举报原因:
原因补充:

(最多只允许输入30个字)