《jQuery知识点总结》(二)

dom css 操作
html(n)                n为空则取值相当于JS的innerHTML填写n为赋值
val(n)                n为空则取值相当于JS的value填写n为赋值
css("color")             一个参数为取值
css("color","red")        两个参数为赋值
css({})                传入对象
.attr("属性")            取指定属性的值
.attr("属性","值")        给指定属性赋值
.prop("checked")        检测是否被选中返回布尔值
.prop("disabled",true或false)    为true时选择按钮不能使用 为false时选择按钮可以使用
.addClass("属性名")        添加一个类
.removeClass()            删除一个类        
.index()            获得元素的索引值

dom 操作
.append("info")            向指定元素内部后面插入节点info
.prepend("info")        向指定元素info内部的前面插入节点    
.appendTo("info")        将指定元素移入到指定元素info内部的后面
.prependTo("info")        将指定元素移入到指定元素info内部的前面
.after("info")            向指定元素的外部的后面插入节点info
.before("info")            向指定元素的外部的前面插入节点info
.remove()            直接删除指定元素        
.empty()            清空节点 删掉节点里的内容

表单过滤器
:checked            选取所有被选中的元素(单选、复选)
:selected            选取所有被选中的元素(下拉菜单)

高级事件
$("input[name=‘username‘]").trigger("blur");    模拟触发按顺序执行

事件委托
$(document).on("click","div",function(){
    $(this).after("<div>我叫随便</div>")
});                        将div上的事件委托给document

.show()                显示元素
.hide()                隐藏元素

scroll(鼠标滑动事件)属于window     例:$(window).scroll(function(){})
innerHeight 获取元素的高 包含内边距padding
offset()获取元素的便宜距离 例:$(元素).offset().top();获取元素与顶部的距离
scrollTop(); // 求得鼠标滑动与顶部距离   此方法对可见和隐藏元素均有效。
  例:$(window).scroll(function(){var scro= $(this).scrollTop(); })
trigger(); 在每一个匹配的元素上自动触发某类事件

时间: 2024-10-03 23:22:59

《jQuery知识点总结》(二)的相关文章

Jquery知识点总结(二)

JQuery遍历1 传统的for   2 通过each对象调用callback函数 callback回调函数 /*    * JQ提供的技术,实现遍历    * JQ对象函数调用 each(参数 callback) 参数:函数 回调函数    */    //JQ对象,调用函数each(遍历),传递匿名函数    //JQ自己调用,每遍历一次数组,自动调用一次匿名函数    //匿名函数中参数,i是索引,element是遍历到的元素    $options.each(function(i,ele

jquery知识点总结二

*清空元素* $('ul').empty() *复制节点* $li.clone().appendTo("ul"); 替换节点 $li.replaceWith("<li>哈哈</li>");---替换某个节点 ("<li>哈哈</li>"). replaceAll($li); ---------- *追加CSS样式* **addClass()---注意点attr("class名称"

jquery知识点梳理

jQuery知识点梳理 一.              jquery选择器 基本选择器 ID选择器 类选择器 标记选择器 分组选择器 通配符选择器 层次选择器 $(“ancestor descendent”):祖先后代选择器    空格 $(“parent > child”):父子选择器   大于 $(“prev + next”):相邻后兄弟元素选择器   加号 $(“prev ~ siblings”):所有后兄弟元素选择器  波浪线 过滤选择器:基本过滤选择器 :first.:last.:od

琐碎的知识点(二)

1.绑定设置时间格式 <%#Eval("time", "{0:yyyy-MM-dd}")%> <%#DateTime.Parse(Eval("time").ToString()).ToString("yyyy-MM-dd")%> 2.Repeater1.Items.Count 是指Repeter1的数据绑定条数 <%#this.rptnewstraining.Items.Count == 0 ?

.NET知识点总结二(笔记整合)

19.什么是类型? 用来定义某一种数据在内存里开辟空间的大小,还可以预置操作此种类型数据的相关方法 20.this关键字在方法中使用时所代表的含义 this指的是当前类的对象,或者父类的类的对象(base只能指向父类的对象) 21.里氏替换原则 子类替换父类所在的位置 22.C#中的数据类型 值类型 简单类型(数字类型(int,short,long,float,double),字符(char),逻辑值(bool)),结构体(struct),枚举(enum) 引用类型 字符串(string),数组

jQuery 入门教程(二): 基本语法

学习jQuery之前需要你有下面几个方面的基本知识 HTML CSS JavaScript jQuery 的基本语法 $(selector).action() $ 符合定义这是一个jQuery语句 (selector) 用来选择某个HTML元素,其语法和CSS的selector语法一样. action() 定义操作该HTML元素的方法. 比如: $(this).hide() – 隐藏当前元素. $("p").hide() – 隐藏所以 <p> 元素. $(".te

20150225 IMX257 设备驱动模型之sysfs文件系统知识点整合(二)

20150225 IMX257 设备驱动模型之sysfs文件系统知识点整合(二) 2012-02-25 李海沿 前天我们实现了一个简单的sysfs的kobject的驱动程序,可是有没有发现很多东西都不懂,原因就是在我们对sysfs和kobject的工作原理不懂,虽然我一直不提倡整天接触那些乏味的知识点,也一直不喜欢谈论太多的知识点,但是有的时候,理论知识是实践的基础,有些基础的知识点还是不得不提,下面进入正题. 一.sysfs介绍 在linux2.6内核以后,引入了一个新的文件系统sysfs,它

在angular中结合使用jquery的生成二维码插件

最近在开发项目中,需要在ionic框架中使用到jquery的生成二维码功能的插件,起初我直接在templates中写js代码: 发现这段代码根本就不会执行,原因是js代码必须要在该模块的作用域范围内才能生效,于是把这段代码该模块对应的controller中即可: 在学习angular中永远不要忘记作用域这件事.哈哈,看来学习编程的过程中有时需要抛开传统的思维方式才行啊.虽然只是一个小小的问题,但对于初学angular的我还是纠结了好一阵.

jquery效果(二)

jQuery animate() 方法用于创建自定义动画.语法:$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性.可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒.可选的 callback 参数是动画完成后所执行的函数名称. $("button").click(function(){ $("div&q

jQuery生成QRCode二维码

<!DOCTYPE html> <html> <head>   <meta charset="utf-8">   <title>jQuery生成QRCode二维码</title> </head> <body> <!-- 存放二维码 --> <div id="qrcode-1"></div> <!-- 存放二维码 --> &l