jquery知识点总结二

*清空元素*

$('ul').empty()

*复制节点*

$li.clone().appendTo("ul");

替换节点

$li.replaceWith("<li>哈哈</li>");---替换某个节点
("<li>哈哈</li>"). replaceAll($li);

----------

*追加CSS样式*

**addClass()---注意点attr("class名称") 和addClass()的区别
删除CSS样式
removeClass()**

*判断是否含有class*

$('p').hasClass('high')

*切换class样式*

$('p').click(function(){
$('p').toggleClass("test")
})

*children()*

用于取得匹配元素的子元素的集合

var $ul=$('ul').children();
alert($ul.length)

*next()*

用于获得匹配元素后边紧紧跟随的元素

alert($('ul li:eq(0)').next().text())

*prev()*

用于获得匹配元素前边的元素

alert($('ul li:eq(1)').prev().text())

*siblings()*

获得相邻左右同辈元素的结合

alert($('ul li:eq(1)').siblings().text())

----------

*css-dom操作*

alert($("p").css("color"))很简单的操作，和属性操作一模一样

*修改*

$("p").css("color","blue")---和attr操作一模一样

也可以一次性修改多个属性，中间用逗号隔开就可以了

**注意：**

$("p").height(100)---设置元素的高度默认是px 不过现在用的最多的是em这个单位

alert($("p").height())

**这里有两个非常重要的东西**
**offset()--获得元素在当前视窗的相对偏移**

**position()--获得元素的position属性**

**scollTop()--获得滚动条距离页面顶端的距离**

----------

**更多操作查看API**

转载于:https://www.cnblogs.com/rengpiaomiao/p/4696838.html

jquery知识点总结二相关推荐

jQuery -- 光阴似箭（二）：jQuery效果的使用
jQuery -- 知识点回顾篇(二):jQuery效果的使用 1. jQuery 效果 -- 隐藏和显示: 使用 hide() 和 show() 方法来隐藏和显示 HTML 元素. <!DO ...
jQuery知识点笔记-常用方法
jQuery知识点范围:常用方法核心:写得少做的多,解决浏览器的兼容性问题: DOM对象和jQuery的区别: 将jQuery转化为DOM的两种方法: $(document).ready的作用是等( ...
一天1个机器学习知识点（二）
陆陆续续整理的机器学习的知识点,资料大多数来自网上,不做盈利目的,如果侵权请告知即删!如果文章中有错误的地方还请各位同学指正,,一起学习,一起进步! 每天都在更新中,记得收藏,每天进步一点点!! 一天 ...
jQuery——入门（二）动画
jQuery -- 入门(二)动画/效果一.案例解析 hide([speed,[easing],[fn]]) []:意思表示的方括号中的东西是可选的,可有可无的: []中,会有对应的参数名称[变量名 ...
jQuery学习（二）—jQuery对象的获取
jQuery学习(二)-jQuery对象的获取
[ Azure | Az-900 ] 基础知识点总结(二) - 核心组件服务
本系列文章主要针对微软AZ-900所有知识点总结,助力通过考试,获得证书.本系列文章列表如下: [ Azure | Az-900 ] 基础知识点总结(一) - Cloud云概念 [ Azure | A ...
jQuery选择器（二）
目录一.简述jQuery语法结构二.jQuery选择器 1.简述 2.基本选择器 1.1标签选择器 1.2类选择器 1.3ID选择器 1.4并集选择器 1.5全局选择器 3.层次选择器 1.1后代 ...
lodop jquery.qrcode打印二维码
记录下lodop jquery.qrcode打印二维码:参考价值在me.CreateOneFormPage (): 具体去我的下载里边找demo: 方法具体代码如下: var LODOP; //声明为 ...
jquery插件（二）：Infinite Scroll–无限分页
一.前言现在有很多网站都有这样的交互 1.当你往下浏览页面时,页面会自动去异步加载数据. 无限分页效果 infinite scroll 效果图 –ifxoxo.com 2.在页面下方有一个" ...

jquery知识点总结二

jquery知识点总结二相关推荐

最新文章

热门文章