博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery学习---JQuery深入学习
阅读量:4483 次
发布时间:2019-06-08

本文共 2170 字,大约阅读时间需要 7 分钟。

属性操作

      $("p").text()    $("p").html()   $(":checkbox").val()

      $(".test").attr("alex")   $(".test").attr("alex","sb") 

      $(".test").attr("checked","checked")  $(":checkbox").removeAttr("checked")

      $(".test").prop("checked",true)

      $(".test").addClass("hide")

      // attr表示自定义的属性,一个参数标书属性,2个参数表示参数和参数值$("#ck").attr("checked","true");    //添加属性checked$("#ck").removeAttr("checked");     //取消属性checked  在JQ3中,取消属性不能用attr("checked","false"),必须用remove// prop表示固有的属性【最适用selected和checked】 $("#ck").prop("checked",true);  $("#ck").prop("checked",false);    // 注意这里布尔值不带引号,JQ3中取消属性不能remove,必须使用不带引号的布尔值

初始值:

用prop修改:自定义属性修改失败,固定属性修改成功[内部有一个Attributes集合,设置成功与否与此有关]

用attr修改[此时id=xxx]:attr都可以进行修改成功[内部有2个状态,true和false,自定义的默认undefied]

总结一下:

JQ3中:  attr的取消必须remove;  prop的取消使用不带引号的布尔值参数

固有属性[select,checked]用prop;    自定义属性用attr

文档处理

内部插入 $("#c1").append("<b>hello</b>")     $("p").appendTo("div")

                   prepend()    prependTo()

外部插入  before()  insertBefore()  after insertAfter()

              replaceWith()   remove()  empty()  clone()

取值操作:

    

父子类直接的插入:

    
div1

inner_p0

sbulings_p2

outer_p1

文件操作之删除:

remove(): 删除本标签以及内容

empty() : 仅仅情况了内容,但保留了本标签

jQuery事件绑定补充之委托

$('li').click(function () {    // 方法一})$('li').on('click', function () {    // 方法二})// 基于Jquery的委托绑定 $('td').on('click', '.td-delete', function () {   $('.remove, .shade').removeClass('hide') })

事件绑定:

【更多参考】

1.DOM下操作  

2. jQuery操作[去掉了on的onclick()]

DOM下的操作【复习】:

hello world 2017

hello world 2018

jQuery方法复习:实现css样式:

hello world 2017

hello world 2018

jQuery下的onload()

取消事件:unload()

hello world 2017

hello world 2018

jQuery的页面载入

ready(fn)

jQuery的事件绑定: click(), bind(),on()等事件绑定操作

    取消事件:off()等;

hello world 2017

hello world 2018

  • 111
  • 222
  • 333

 

jQuery的回调函数:

    
Title

hello world

jQuery的扩展方法:

自定义扩展[jQuery调用]

自定义扩展[标签调用]

私有域的扩展[将自定义的函数放入到一个函数内部进行调用,保证内部变量不被外部调用],变量只在函数内部哈~

    

hello world 2018

 

 

 

JQuery中for循环的使用

JQuery中for循环的使用:

1. 数组,键值对的使用

2. 集合的取值

for循环集合的打印:【注意$符号】

    
left_menu

转载于:https://www.cnblogs.com/ftl1012/p/9397581.html

你可能感兴趣的文章
mini web框架-3-替换模板
查看>>
Siamese Network简介
查看>>
第六节 MongoDB 状态监控、备份复制及自动分片
查看>>
svg学习(三)rect
查看>>
博客园博文生成章节目录
查看>>
ruby 模块 的引入
查看>>
CI Weekly #21 | iOS 持续集成快速入门指南
查看>>
xml 校验
查看>>
Jquery获取输入框属性file,ajax传输后端,下载图片
查看>>
深入浅出Visual_C动态链接库(Dll)编程(宋宝华)----整理(word)
查看>>
docker运行环境安装-后续步骤(二)
查看>>
Python学习——02-Python基础——【3集合与函数】
查看>>
NPOI导出excel表格应用
查看>>
tensorflow从入门到放弃-0
查看>>
解锁scott用户
查看>>
多态的理解
查看>>
AspNet Core 发布到Linux系统和发布IIS 注意项
查看>>
Windows添加.NET Framework 3.0 NetFx3 失败 - 状态为:0x800f0950
查看>>
隐藏显示终端的光标(shell echo,linux c printf)
查看>>
SQL Server 存储过程
查看>>