度量快速开发平台-专业、快速的软件定制快开平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 部件 流程 SQL
查看: 608|回复: 8

[分享] js与juery基础知识对比(一)

[复制链接]

231

主题

2541

帖子

5807

积分

论坛元老

Rank: 8Rank: 8

积分
5807
发表于 2018-4-9 17:21:39 | 显示全部楼层 |阅读模式
用表格做的,想要对比的内容一目了然,红色部分为重点
js
jquery
取元素
id:
document.getElementById("aa");
取到的是dom对象
class:
var a=document.getElementsByClassName("aa");
取到的是dom对象集
a.[0]取到的是第一个class名为aa的元素
tag:
document.getElementsByTagName("div");
name:
document.getElementsByName("aa");
ID:
$a=$("#aa")
取到的是jquery对象;
$a[0] 取到的是dom对象
Class:
$a=$(".aa")
取到的是jquery对象;
$a.eq(0)取到的是dom对象集;
$a.eq(0)[0]取到的是第一个class名为aa的元素
tag:
Tag:  $("div")
根据属性:
$("[bs=1]")
操作内容
非表单元素:
赋值:a.innerText = "ceshi";
取值:alert(a.innerText);
赋值:a.innerHTML = "ceshi";
取值:alert(a.innerHTML);
非表单元素:
赋值:a.text("hello");
取值 alert(a.text());
赋值:a.html("aaa");
取值:alert(a.html());
表单元素:
赋值:a.value = "请输入用户名";
取值:alert(a.value);
表单元素:
赋值:a.val("aa");  
取值:alert(a.val());
操作属性
a.getAttribute("bs");获取属性
a.setAttribute("test","test");  添加属性
a.removeAttribute("bs");   移除属性
a.attr("bs"));   获取属性
a.attr("test","test"); 添加属性
a.removeAttr("bs"); 移除属性
操作样式
alert(a.style.color); 获取样式
a.style.color = "green"; 设置样式
注:
1、只能操作内联
2、style里的background-color属性在js中会变成backgroundColor
alert(a.("color")); 获取样式
a.css("background-color","red");设置样式
注:
1、可以操作内联,内嵌,外部
2、style里的background-color属性在jquery中不变
加事件
onblur="b()"
$("#cc").blur(function(){  
alert("失去焦点了");
})
注:没有函数名的函数为匿名函数

回复

使用道具 举报

231

主题

2541

帖子

5807

积分

论坛元老

Rank: 8Rank: 8

积分
5807
 楼主| 发表于 2018-4-9 17:22:15 | 显示全部楼层

点评

发帖的时间居然比我还早  详情 回复 发表于 2018-4-9 17:48
回复

使用道具 举报

542

主题

5919

帖子

1万

积分

作者

Rank: 7Rank: 7Rank: 7

积分
13589
发表于 2018-4-9 17:48:48 | 显示全部楼层

发帖的时间居然比我还早
回复 支持 反对

使用道具 举报

231

主题

2541

帖子

5807

积分

论坛元老

Rank: 8Rank: 8

积分
5807
 楼主| 发表于 2018-4-10 16:43:59 | 显示全部楼层
张兴康 发表于 2017-5-9 17:48
发帖的时间居然比我还早

回复 支持 反对

使用道具 举报

542

主题

5919

帖子

1万

积分

作者

Rank: 7Rank: 7Rank: 7

积分
13589
发表于 2018-4-10 17:38:43 | 显示全部楼层
回复 支持 反对

使用道具 举报

231

主题

2541

帖子

5807

积分

论坛元老

Rank: 8Rank: 8

积分
5807
 楼主| 发表于 2018-4-11 16:53:11 | 显示全部楼层
回复 支持 反对

使用道具 举报

542

主题

5919

帖子

1万

积分

作者

Rank: 7Rank: 7Rank: 7

积分
13589
发表于 2018-4-12 13:50:11 | 显示全部楼层
回复 支持 反对

使用道具 举报

231

主题

2541

帖子

5807

积分

论坛元老

Rank: 8Rank: 8

积分
5807
 楼主| 发表于 2018-4-12 17:03:15 | 显示全部楼层
回复 支持 反对

使用道具 举报

542

主题

5919

帖子

1万

积分

作者

Rank: 7Rank: 7Rank: 7

积分
13589
发表于 2018-4-15 15:06:46 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|重庆度量科技  本站关键词:快速开发平台

GMT+8, 2018-10-17 08:55 , Processed in 0.279379 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表