jquery input值改变事件_前端技术--JQuery

JQuery

一、引言

1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装

2.js缺点，jquery优点

​1）js代码比较复杂 var tag = document.getElementById("idvalue")；

​jquery代码简单 var tag = $("#idvalue")；

2）js存在着浏览器差异，jquery可以屏蔽浏览器差异

​3）提供了强大的界面支持

二、第一个Jquery程序

1.搭建环境 -- 引入相关资源文件 （以.js文件形式存在）

<scripttype="test/javascript"src="js资源文件路径"></script>

2.知识点

​1）$("#id") --- 根据标签的id属性值获取标签对应的jquery对象

​2）html() --- 获取标签体里的内容

​3）css("css属性"，"css属性值") --- 设置标签的css样式

三、Jquery对象与DOM对象

区别：

​1.通过document.getElementById(..)获取的dom对象，不能使用jquery定义的函数

​2.通过jquery方式获取的对象为jquery对象 $("#id")，可以调用jquery定义的函数

四、Jquery对象选择器

1.通过jquery选择器获取jquery对象 [ 重点 ]

​1）基本选择器

​$("#id") --- id选择器，根据标签的id属性值，得到标签所有对应的jquery对象 [ 重点 ]

​$(".class") --- 类选择器，根据标签的class属性值获得相应的jquery对象

​$("标签名") --- 标签选择器，根据标签名获取jquery对象 [ 重点 ]

​$("div,span") --- 多路标签选择器

​$("*") --- 全选择器

​注意：$ 就是 jQuery 这几个字母

2）层次选择器

​$("选择符1 选择符2") -- 后代选择器，获取所有出现在选择器1里的选择符2（包括孩子和孙子......）

​$("选择符1>选择符2") -- 孩子选择器，获取选择符1里面的选择符2标签（只包括孩子）

​$("选择符1~选择符2") -- 后续所有的兄弟选择器

​$("选择符1+选择符2") -- 后续第一个兄弟选择器

3）过滤选择器

​概念：从一组jquery对象中，筛选出有用的jquery对象

​基本过滤选择器

​:first ---- 获取一组jquery对象中的第一个jquery对象，例：$("div:first") [ 重点 ]

​:last ---- 获取一组jquery对象中的第一个jquery对象，例：$("div:last")</