码迷,mamicode.com
首页 > Web开发 > 详细

前端html及标签

时间:2018-07-11 12:19:50      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:text   选择   href   javascrip   java   标签   charset   函数   head   

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选择器
})

前端html及标签

标签:text   选择   href   javascrip   java   标签   charset   函数   head   

原文地址:https://www.cnblogs.com/zhihuayun/p/9290194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!