当前位置: 首页 > news >正文

jquery中的基本理解以及样式属性操作

Jquery是一个功能丰富的js库

Js库: 封装了很多方法的js文件,需要时引入即可。

Jquery中的入口函数

1.$(function(){…})

2.$(document).ready(function(){……})

特点:等待页面加载完成即执行代码;形成沙箱,防止全局变量的污染

和window.onload区别:

它可以支持写多个,不会覆盖,window.onload存在覆盖问题;

在执行时jquery会提前执行,不需要等待图片等加载

 

Jquery对象和dom对象

Dom对象:通过js dom方式,获取的页面元素,就是dom对象

Jquery对象: 通过jquery方式,获取页面元素得到的对象,就是jquery对象

他们两者之间的关联以及相互转换

Jquery对象是dom对象的集合,里面存放了很多的dom对象;jquery对象是一个伪数组

Jquery对象和dom对象属性方法不能混用

Jquery对象可以通过下标取出来就是一个dom对象了

注意点: .get方法获取到的是dom对象;.eq()获取到的是jquery对象

 

Jquery中的选择器

过滤选择器:$(‘li:odd’) 找奇数下标的li,下标从0开始

$(‘li:even’)

:first

:last

:eq()

:selected(checked disabled) 找被选中的

筛选选择器

.next() 下一个兄弟元素

.prev() 上一个兄弟元素

.siblings() 所有的兄弟元素,不包括自己

.children() 所有的子代

.parent() 找父元素

.eq(index) 找对应下标的元素,index从0开始

.find() 找后代

 

操纵样式的css方法

1.   设置单个样式 css(name,value)

2. 设置多个样式 css(obj)

3. 获取样式 css(name) 获取的是第一个元素的样式

 

操作类名的class方法

1.   addClass() 添加类

2.   removeClass()删除类

3.   hasClass() 判断类  只要元素中有一个元素有这个类就返回true

4.   toggleClass() 切换类

 

jquery属性操作

attr

1.设置单个属性 attr(name,value)

2.设置多个属性attr(obj)

3.获取属性 attr(name)

4.移除属性 removeAttr(name)

 

Prop 专门操作布尔类型的属性  [disabled checked selected]

Prop(checked) 获取

Prop(checked, true) 设置

转载于:https://www.cnblogs.com/z-lin/p/11101940.html

相关文章:

  • 机票分享第一篇 机票由何而来
  • 马斯克“地狱”归来,回应一切
  • win7 打开office失败并提示“向程序发送命令错误” 解决方法
  • 开发一个自己的天气chrome extension
  • Tomcat for Eclipse
  • 深度学习人工智能离我们还有多远?
  • eclipse内存设置参数
  • 2018一半小结一波
  • GTX 770 (GK 104)
  • JSP和Servlet的区别
  • [转]关于矩阵的本质
  • C# Enum 类型遍历
  • MOSS: SPSecurity.RunWithElevatedPrivileges提升权限来新增列表条目示例
  • 小程序01:wepy框架整合iview webapp UI
  • Linq To Sql进阶系列(五)Store Procedure篇
  • python3.6+scrapy+mysql 爬虫实战
  • 【React系列】如何构建React应用程序
  • 2018一半小结一波
  • ES6简单总结(搭配简单的讲解和小案例)
  • git 常用命令
  • Java,console输出实时的转向GUI textbox
  • JavaScript对象详解
  • Js基础——数据类型之Null和Undefined
  • leetcode378. Kth Smallest Element in a Sorted Matrix
  • leetcode388. Longest Absolute File Path
  • mongo索引构建
  • node和express搭建代理服务器(源码)
  • Windows Containers 大冒险: 容器网络
  • 测试开发系类之接口自动化测试
  • 对象管理器(defineProperty)学习笔记
  • 关于extract.autodesk.io的一些说明
  • 基于 Babel 的 npm 包最小化设置
  • 力扣(LeetCode)22
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 山寨一个 Promise
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • - 转 Ext2.0 form使用实例
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • 2017年360最后一道编程题
  • # 达梦数据库知识点
  • #LLM入门|Prompt#1.8_聊天机器人_Chatbot
  • #stm32整理(一)flash读写
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (python)数据结构---字典
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (二)windows配置JDK环境
  • (算法)前K大的和
  • (一)Linux+Windows下安装ffmpeg
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • (转)大道至简,职场上做人做事做管理
  • (转载)OpenStack Hacker养成指南
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • ..回顾17,展望18