20180503 jq学习记录(jquery操作样式表,时间片,jq对象函数间传递)

 jquery 操作dom对象

   1.1  动态添加及删除一个dom对象

添加:  var 新对象=document.createElemente("标签"");

$(对象预放位置父对象).append(新对象)  //添加完成//

删除: $(新对象).remove()  //删除完成//

   1.2  动态操作对象css

设置css: $(对象).css(‘css属性‘,‘样式值‘)

附加小知识:

  1,关于定时器操作 

var obj= setInerval(function(){操作体,随时可以执行  clearInterval(obj)来销毁此定时器},time间隔)

2.关于函数间对象作为参数传递

$(对象).click(function(){ 函数某某(this)}) //例子:已兑现执行了click实际,进行一个操作,操作内容是执行一个叫函数某某的函数,并以当前对象作为参数进行传递.

函数某某(self){ $(self).XXX()}  self即操传递进来的self内容

原文地址:https://www.cnblogs.com/xfym888/p/8988223.html

时间: 2024-08-28 02:44:02

20180503 jq学习记录(jquery操作样式表,时间片,jq对象函数间传递)的相关文章

学习记录jQuery的animate函数

很久之前就对jQuery animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究. jQuery.animate的每种动画过渡效果都是通过easing函数实现的.jQuery1.4.2中就预置了两个这样的函数: easing: {linear: function( p, n, firstNum, diff ) {return firstNum + diff * p;},swing: function( p, n, firstNum, diff ) {return ((

自定义类StyleSheet跨浏览器操作样式表中的规则

这是群里网友地瓜提供的一个类,不熟悉样式的浏览器差异的可以看看 /** * Stylesheet.js: utility methods for scripting CSS stylesheets. * * This module defines a Stylesheet class that is a simple wrapper * around an element of the document.styleSheets[] array. It defines useful * cross

测开之路一百零四:jquery操作样式

jquery操作样式 添加样式.删除样式 切换样式 css("属性","值") css("属性","值"), 修改多个 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="h

jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类   $("div").addClass("class"); .removeClass删除类   $("div).removeCla

DOM操作样式表

1.操作Style样式属性 1.1通过style对象的属性 document.getElementById("bbb").style.backgroundColor="red"; //由style的属性值访问或者获得的是内联样式 1.2通过style对象的方法//由于IE不支持,所以用第一种方法较好 getPropertyValue(propertyName);//用CSS属性中的写法:background-color getPropertyPriority();

jQuery操作样式

操作样式的方法 addClass 添加样式 removeClass 移除样式 toggleClass 切换样式的显示 hasClass 判断是否应用了某样式 示例代码:鼠标进入每个p标签的时候通过样式方式添加高亮显示 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <

网页开发学习笔记四: HTML样式表

内嵌样式 只作用于当前文件, 没有真正实现结构表现分离 <head> <style type="text/css"> 样式表写法 </style> </head> 外链样式 作用范围是当前站点, 范围广, 真正实现结构表现分离 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></ti

css学习笔记——三种样式表的使用及区别

如何插入样式表 插入样式表的方法有三种: 外部样式表 内部样式表 内联样式 外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用 <link> 标签链接到样式表. <link> 标签在(文档的)头部: <head> <link rel="stylesheet" type="text/css" href="mystyle.

Jquery学习笔记:操作form表单元素之一(文本框和下拉框)

一.概述 在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.