js、 jq

配置jq环境

<script type='text/javascript'  src='jq包所在的位置'></script>

页面加载时执行

js:windows.onload=functionname

jq: document.ready(function())

$(function(){       })

windows.onload与document.ready的区别

windows.onload只执行一次   document.ready每次都执行

windows.onload是在所有音频 视频 图片节点加载完执行

document.ready 无需等待 直接加载

document.ready用有简写  windows.onload没有简写

获取页面节点的方式

js :getelementsbyid/getelementsbyname/getelementbytagname/getelementbyclassname

jq:$("#id ")                $("classname")              $("tagname")              $("[name=a1]")


获取标签内容的两种方式

js:innertext    innerhtml

jq:  text()  html()

获取input标签方法

$("input").val()


获取标签样式

js:  .style属性=值   /  .display  

jq:.css()   

赋值和修改css方法

js   .innerhtml

jq   text()   html()

css("color")  

css赋值 

js style.样式=值

jq  .css("属性名",“属性值”)

.css("{属性名:属性值",“属性名:属性值”})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.配置jq环境 2.页面加载时执行 window.onload=function(){} jq执行页面加载 $(...
    侯亚超阅读 216评论 1 0
  • 配置jquery环境 页面加载 windows.onload=function name window.open(...
    吕游_b601阅读 155评论 0 0
  • 配置jq 页面加载 js:window.onload=function jq:$(function(){ }) 或...
    噶好可怜阅读 368评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,678评论 1 45
  • title
    Flame_a735阅读 211评论 0 0