JS与JQuery回顾

1.配置jquery环境

<script type="text/javascript" src="jq/jquery-1.6.1.js"></script>

2.页面加载时执行

JS:

function t1(){

window.alert("hh");

window.open("http://baidu.com","广告","width=100px height=100px left=100px top=100px");

};

加载完页面进行:

window.onload = t1;

JQ:

$(function(){    //简写

//方法体

});

$(document).ready(function(){    //原始

//方法体

});

3.onload和$(document).ready(function(){});区别

onload只能执行一次,后者可以执行多次

onload在所有元素加载完毕后执行,后者可能会在图片、视频、音频没加载完毕时执行(加载完节点就执行)

后者有简写

4.获取页面节点的方式

getElementById();//id

getElementByName();//名字    JQ:$("[name='a1']");//名字

getElementByClassName();//类名

getElementByTagName();//标签

5.获取标签内容

innterText;//js获取文本内容

innterHTML;//js获取全部内容

text();//jq获取文本内容

html();//jq获取全部内容

6.获取标签样式

js:style();

jq:css();

7.值的获取和赋值

获取:js: innterHTML; innterText;     style.color;

jq:html();    text();    css("color");

赋值:js:innterHTML = null; innterText = null;     style.color = red;

jq:html("");    text("");    css("color","red");

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

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,741评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,315评论 0 3
  • 22、JQ的基础语法、核心原理和项目实战 jQ的版本和下载 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒阅读 1,772评论 0 0
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,609评论 0 7
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,899评论 0 1