jquery对标签属性增删改查和文档加载方式

目录

• 1、jq方法attr 增删改查标签属性
  • 拿不到$符号的情况以及解决方法
  • 三种方式，等标签等文档加载完获取文档标签，防止获取不到元素内容
  • 添加单个属性：
  • jq对象.attr({})小中花。设置多个属性
  •  取属性值  $() jq对象.attr(属性)   返回的是属性值
  • 删除属性：$()  jq对象.remove属性（‘属性’）
• 2、jq方法prop removeProp
  • input中checked属性的判断和添加 
  • input中的属性值用attr获取不到，只能用prop。
  • input中添加或者修改标签属性值
  • input中删除标签属性值可以用removeProp
• 3、jq22中js插件的使用(地图插件)
• 4、jq 获取当前对象索引index（）

 

---

 

 

回到顶部

1、jq方法attr 增删改查标签属性

拿不到$符号的情况以及解决方法

script标签大部分都是写在body标签上。下面的情况下$符号是拿不到的。 

将它放到上面就能拿到$对象了。但是不能获取body里的元素。因为代码执行顺序从上往下。打印这个标签时，这个标签还没有加载。

 

三种方式，等标签等文档加载完获取文档标签，防止获取不到元素内容

这种情况下可以使用文档加载事件。$(document).ready(需要执行的匿名函数)。即文档加载完成才走里面的代码

也可以使用简写方式：$(想要做操作的匿名函数)。文档加载完成之后，调用回调函数中代码

$(function () {
    
})

 

下面这样等窗口加载完成之后，文档也就加载完了。但是这个事件有问题，当再绑定一次onload的事件时就会将上面的事件覆盖掉。

window.onload=function () {
    var op=document.getElementsByTagName('p');
    console.log(op);
}

 而$(匿名函数)这个方法可以重复写，不会被覆盖掉。

 

添加单个属性：

jq对象.attr({})小中花。设置多个属性

 取属性值  $() jq对象.attr(属性)   返回的是属性值

删除属性：$()  jq对象.remove属性（‘属性’）

 

回到顶部

2、jq方法prop removeProp

input中checked属性的判断和添加 

checked不写内容，默认它的值是checked。数据库中tinyint(0) false ;tinyint(1) true。表示性别可以用 01或者TRUE FALSE来存储

给checked赋值再看。

 打印不变：

input中的属性值用attr获取不到，只能用prop。

input中添加或者修改标签属性值

prop添加属性也是添加到input这个类中，不是在标签行中。类中和标签行上有同名的属性。

input中删除标签属性值可以用removeProp

回到顶部

3、jq22中js插件的使用(地图插件)

 

插入地图，可以从jq22.com里找百度地图的api调用

 

 

查看源码：

这里也是调用的第三方的百度的api。

把它去掉：

只要这部分源码复制粘贴使用即可；

复制粘贴使用：

再做个地址修改，试了试改地址没成功：

回到顶部

4、jq 获取当前对象索引index（）