js，jQuery，js-EasyU大总结

用途：增删改查（获取标签内容）+ajax

三者语法
js
innerHTML
jQuery
$("#divID").html()/val()/text()
js-EasyUI

三者互相转换

js对象转成jQuery对象【重点】
语法：(js对象)−−−−>jQuery对象例如：(js对象)---->jQuery对象例如：(js对象)−−−−>jQuery对象例如：(divElement)---->div例如：div 例如：div例如：(this)---->$this
注意：jQuery对象将js对象做了封装，js对象二边无引号

var inputElement = document.getElementById("inputID");//js对象
var $input = $(inputElement);//jquery对象
var txt = $input.val();
alert(txt);

jQuery对象转成js对象
语法1：jQuery对象[下标，从0开始]
语法2：jQuery对象.get(下标，从0开始)
例如：$div[0]---->divElement
注意：不同的对象只能调用对应的api方法，即jQuery对象不能调用js对象的api，反之亦然
$div.innerHTML（错）
divElement.html(错)

var $div = $("#divID");//jquery对象
var divElement = $div[0];//js对象(方式一)
//var divElement = $div.get(0);//js对象(方式二)
var txt = divElement.innerHTML;
alert(txt);

js对象和jQuery对象的区别

js对象的三种基本定位方式
（A）通过ID属性：document.getElementById()
（B）通过NAME属性：document.getElementsByName()
（C）通过标签名：document.getElementsByTagName()
jQuery对象的三种基本定位方式
（A）通过ID属性：KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id属性值") （B）…(“标签名”)
（C）通过CLASS属性：$(".样式名")
注意：①js对象出错的显示
没有合理的提示信息
例如：alert(document.getElementById(“usernameIDD”).value)

②jQuery对象出错的显示
有合理的提示信息，例如：undefined
例如：alert($("#usernameIDD").val())

jQuery和js在定位上，jQuery在定位元素上增加了九类选择器:
目的：通过九类选择器，能定位web页面（HTML/JSP/XML）中的任何标签
（1）基本选择器【参见01_selector.html】
（2）层次选择器【参见02_selector.html】
（3）增强基本选择器【参见03_selector.html】
（4）内容选择器【参见04_selector.html】
（5）可见性选择器【参见05_selector.html】
（6）属性选择器【参见06_selector.html】
（7）子元素选择器【参见07_selector.html】
（8）表单选择器【参见08_selector.html】
（9）表单对象属性选择器【参见09_selector.html】
注意：项目中，通常是多种选择器一起使用

你可以把一些类选择器当成方法调用，格式为：：方法名或：方法名（参数）
增强基本选择器：
内容选择器：:contains(‘John’)或:empty

js，jQuery，js-EasyU大总结相关推荐

Echarts.js+jquery.js+china.js实现中国疫情地图
目录一.程序代码二.源码下载一.程序源码 <!DOCTYPE html> <html lang="en"><head><meta c ...
使用cropbox.js+jquery.js+servlet实现图片的上传下载
采用cropbox.js+jqueryajax + servlet实现图片的上传下载原理解释: 利用javascript的内置对象FileReader读取计算机中的文件. 读取的文件会被转化为bas ...
利用snowfall.jquery.js实现爱心满屏飞
小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...
JS+JQuery实现前端省、市、区三级联动（插件）
大家在做web开发的时候,肯定会在前端代码里面遇到选择省市区(县)的功能,比如创建用户.编辑用户时,用户选择所在地等.好了多余的话不多说了,我们进入正题吧! 首先,在前端页面里面编写HTML代码: & ...
js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器
原文:js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器源代码下载地址:http://www.zuidaima.com/share/1779633798073344.htm 看到网页上有 ...
微信大转盘 java_[Java教程]使用CSS3+jquery.js 实现微信抽奖转盘效果
[Java教程]使用CSS3+jquery.js 实现微信抽奖转盘效果 0 2014-03-19 02:00:24 上次发表了一篇微信抽奖转盘活动-效果源码分析最近想起了刚接到这个项目时第一时间脑 ...
加快网站访问速度--jquery.js
jquery现在是越来越大,网络加载速度上我们应该做到能省就省,毫无疑问google的服务器和cdn以及访问速度是非常快的,而且google敞开怀抱,提供各种代码库给我们下载调用.jquery就是其中 ...
js,jquery,css,html5特效
js,jquery,css,html5特效包含js,jquery,css,html5特效,源代码本文地址:http://www.cnblogs.com/Jeremy2001/p/6089343.h ...
图片在线预览html,Viewer.js – 强大的JS/jQuery图片查看器
Viewer.js – 强大的JS/jQuery图片查看器分类:代码日期:2016-08-04 点击(282,284) 下载(1) 来源:未知收藏简介 Viewer.js 是一款强大的图片查看 ...
(008)前端css,js,Jquery,Servlet入门
摘要:本周的学习内容是前端的css,js,Jquery,Servlet的入门; 文章目录 1 CSS 1.1 CSS入门以及使用方式 1.2 CSS的选择器(重点) 1.3 css的样式属性 1.3. ...

js，jQuery，js-EasyU大总结

js，jQuery，js-EasyU大总结相关推荐

最新文章

热门文章