前端html及标签

1.  完整的html页面标签必须有的 

 <html>
    <head>
        <meta charset="">   //一般需要指定编码语言
   </head>
    
    <body></body>
</html>

2.  html页面嵌入js代码的两种方式 

方法一:<script type="text/javascript"></script>
方法二:<script type="text/javascript" src=""></scripts>

3.  html页面嵌入css代码的两种方式

方法一:<style type="text/css"></style>
方法二:<link rel="stylesheet" href="css的位置" type="text/css">

其中link标签中的 rel="stylesheet"定义了一个外部样式表

4.  jQuery

  4.1 下面这个函数不可以省略,它是$(document).ready(function(){})的缩写,表示在HTML页面加载完成之后可以执行函数里面的代码

$(function(){

})

  4.2   对于button,div等不适input类型的标签,要获得标签之间的内容需要使用text(),也可以为button设置value属性,获取value值使用val()函数。比如

 <button val="button">i know </button>

$("button").click(function(){
  
  alert(
$("button").val()); // 弹出button
  alert( $("button").text());// 弹出i know  
 })

  4.3  使用jQuery获取标签的使用权

  主要分为三类:原始的HTML element选择器,标签中有class选择器和id的选择器,比如:

 <button class="hi" id="ha" val="button">i know </button>
$("button").click(function(){      //这是HTML原始标签
})  

$("#ha").click(function(){        //  id选择器
})


$(".hi").click(function(){      // class选择器
})

猜你喜欢

转载自www.cnblogs.com/zhihuayun/p/9290194.html