Jquery。
Jquery:
1、概念:JavaScript的框架。本质上就是一些JS文件,封装了JS的原生代码而已。
2、快速入门:下载Jquery -导入文件-使用。
3、JQ对象和JS对象的区别。
* :Jquery对象操作时更方便。
* :Jquery对象和JS对象方法不通用。
* : 转换:jq-->js:jq对象[ 索引 ] js-->jq : $(js对象)
4、选择器:获取元素(标签)对象。
1、基本语法:
* 获取元素对象,$("#id")
* 入口函数,$(function) 效果等同于 window.onload().区别:后者只能定义一次(会覆盖)
* 样式控制,
2、基本选择器:并集选择器--属性值逗号隔开
* 标签选择器:$("标签名“) * id选择器:$("#id”) * 类选择器: $(".class")
3、层级选择器:
*后代选择器:$(“A B”)选择A元素内部的所有B元素。$(“A> B”): 选择A元素内部的所有 B子元素
4、属性选择器:* 属性名称选择器:$("标签[属性名]") 包含指定属性的选择器。
* 属性选择器:$("标签[属性名=‘值’]") 指定属性=指定值的选择器。
5、表单过滤选择器:可用元素选择器: enable 不可用:disable 。选中选择器:checked、 selected 例子:$("input[ type=' text ' ] :enabled") $("#id:enabled")
DOM操作:
1、内容操作:
* html() :获取/设置标签体内容
* text(): 获取/设置标签体纯文本内容
* val() : 获取/设置 value值
2、属性操作:
1、通用属性操作:
* attr() :获取设置元素属性
* removeAttr():删除属性
* prop():获取设置元素属性
*removeProp():删除属性
2、对class属性操作:
3、CRUD操作:
* append():父元素将子元素追加到末尾 对象1.append(对象2),2添加到1元素内部
* prepend()开头。
* after():添加元素到元素后边,同级关系。
* before(): 前边。
* remove():移除元素。
* empty():清空所有子元素。
Jquery遍历:用for就行
Jquery事件绑定:用标准的:对象.click(function) 可以链式:对象.click(function).monseover
Jquery。的更多相关文章
- 如何在网页中添加 jQuery。
转自:http://www.runoob.com/jquery/jquery-install.html 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery. 您可以使用以下方法: 从 ...
- 轻松玩转jquery。
一.简介 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery产生的对象时jQuery独 ...
- Jquery(一) 初识Jquery,简单使用Jquery。
距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和boots ...
- 瀑布流 jquery。
本人小菜鸟一仅仅,为了自我学习和交流PHP(jquery,linux,lamp,shell,javascript,server)等一系列的知识,小菜鸟创建了一个群. 希望光临本博客的人能够进来交流. ...
- 封装通用的 ajax, 基于 jQuery。
在前端异步获取数据时候每次都是使用 ajax:为了通用性更好,然而封装通用的 ajax 是一个一劳永逸的办法. 本次基于 jQuery 封装实现: 第一步: 引入 jQuery: <script ...
- 。。。再战JQuery。。。
今天从学习JQurery的第一个函数开始!!! JQuery里面的show这个函数很不错,我很喜欢,他的使用方法如下:JQuery对象.show(speed,callback); speed你可以指定 ...
- div随意拖动,基于jquery。
$("#box").mousedown(function (e) { //e鼠标事件 var offset = $(this).position();//DIV在页面的位置 使用p ...
- jquery前端性能优化(持续添加。。。)
1.选择器的使用 (1)$('#id') 使用id来定位dom元素是性能最高的方法.jQuery底层将直接调用本地方法document.getElementById().如果id直接可以找到所要对 ...
- jquery原理的简单分析,让你扒开jquery的小外套。
引言 最近LZ还在消化系统原理的第三章,因此这部分内容LZ打算再沉淀一下再写.本次LZ和各位来讨论一点前端的内容,其实有关jquery,在很久之前,LZ就写过一篇简单的源码分析.只不过当时刚开始写博客 ...
随机推荐
- button 在chrome浏览器下被点击时会出现一个橙色的边框
问题描述: button在chrome浏览器下被点击时会出现一个橙色的边框 在button上添加 :focus{outline:none;}也无法解决. 解决办法: 在button上添加 :focus ...
- 备忘Sourcetree配置
一. 设置用户名 对应路径:C:\Users\用户名\.gitconfig 二.验证账号 三.添加ssh key 创建ssh密码 保存key,路径:C:\Users\用户名\.ssh 配置Pagean ...
- Configuration类的@Value属性值为null
今天写的Configuration类的@Value属性值为null @Configuration public class MybatisConfigurer { @Value("${spr ...
- 本地项目git初始化并提交远程仓库
1.先在远程仓库(如github)创建项目,为了避免错误,不要初始化 README, license, 或者gitignore文件 . 2.打开Terminal终端 3.切换到你的本地项目目录 4.初 ...
- Python 3.X 练习集100题 05
用 *号输出字母 C的图案 方法1: print(" ***** ") print(" ** * ") print(" ** ") prin ...
- python面试题300多题
第一部分 Python基础篇(80题) 为什么学习Python? 通过什么途径学习的Python? Python和Java.PHP.C.C#.C++等其他语言的对比? 简述解释型和编译型编程语言? P ...
- 第十二节:Asp.Net Core 之分布式缓存(SQLServer和Redis)
一. 整体说明 1. 说明 分布式缓存通常是指在多个应用程序服务器的架构下,作为他们共享的外部服务共享缓存,常用的有SQLServer.Redis.NCache. 特别说明一下:这里的分布式是 ...
- Flink 源码解析 —— 项目结构一览
Flink 源码项目结构一览 https://t.zsxq.com/MNfAYne 博客 1.Flink 从0到1学习 -- Apache Flink 介绍 2.Flink 从0到1学习 -- Mac ...
- mysql替换字段中部分字符串
解决:使用replace(obj, search, replace_str)函数; sql语法: UPDATE 表名 SET 字段名=replace(字段名, ‘被替换字符串’, '用来替换的字符串' ...
- nginx location指令详解
Nginx的HTTP配置主要包括三个区块,结构如下: http { //这个是协议级别 include mime.types; default_type application/octet-strea ...