1. jQuery的选择器D

(1) 想要获得input标签中name属性名字包含a 的标签对象应该如何书写

$(“input[name*=a]”)

(2) 请说出$("input[type=text][name^=z]")选择器的含义

获得input中类型为text且name属性值开头为z的

2. jQuery的选择器E

(1) $("input:disabled")这个选择器的作用是什么？

获得所以input中包含disabled的input标签

(2) $(":input")和$("input");这两个选择器的区别是什么？

$(“:input”):获取表单中的所有元素

$(“input”):只获得表单中的input元素

3. :操作页面的样式1

(1) 如何可以获得一个div元素的宽和高的css样式，JQ获得方式和JS获得方式之间的差异在什么地方.

Js获得:document.getelementbyid(“div”).style.width=”200px”

Jq:获得: $(“#div”).css(“width”)

代码量

(2) 想要操作一个元素对象的css样式有几种方式.

二种 $(“#div”).css(“样式名”,”样式值”)

---json的数据格式

$(“#div”).css({“样式名”:”样式值”,”样式名”:’样式值’})

4. 操作页面的样式2

(1) 想通过增加class的方式给指定元素增加样式，有几种书写方式，请写出具体代码。

$(function(){

$("#div2").click(function(){

//通过添加class属性来添加样式

// $("#div2").attr("class","div")

$("#div2").addClass("div")

})

})

</script>

<style>

#div2{

width: 200px;

height: 200px;

border: 2px solid green;

}

.div{

width: 500px;

background-color: red;

}

</style>

<body>

<div id="div2"></div>

</body>

(2) 请写出你所学习过的操作元素css的方式，分别说明其每一个的使用的场景是什么?

jQuery:

操作单个

$(“id”).css(“操作的css”,”修改属性”)

操作多个

用json的格式操作

$(“id”).css({“操作的css”:”修改的属性”,”操作的css2”:”修改的属性2”})

javaScript

Docuement.getelementById(“id”).style.属性=”修改值”

5. 操作页面元素的属性1

(1) 请问attr("value")和val()的区别是？

Atter(“value”):获得的是该元素value的固定值

Val():获得的是输入值

(2) <input id=”inp1” value=’123’ type=’text’ class=”d1”/>

$("#inp1").attr("type")

$("#inp1").attr("value ")

$("#inp1").attr("class ")

输出的结果是什么？请写出常使用的间接获得对象的方式

Text123d1

//div中所有的span标签

// $("div span").css("background-color","red")

// //div下的直系span

// $("div>span").css("background-color","green")

//span标签紧挨着的span标签

$("#spana+span").css("background-color","green")

//span标签同级的所有span标签,不包括自己

$("#spana~span").css("background-color","green")

6. 操作页面元素的属性2

(1) 想要操作元素的属性有几种方式，请列举。

var tt=$("#tt")

$("body").click(function(){

tt.attr("type","button")

tt.attr("value","测试按钮")

//用json的格式获得

tt.attr({"type":"button","value":"分数"})

(2) attr("checked")和prop("checked")这两个操作方式有什么区别？使用场景是什么？

Attr;返回的是checked的值

Prop:返回的是checked的boolean值

(3) prop("checked",true) 这句代码是什么意思。

将checked的状态变为选中

7. 操作页面的文本和值1

(1) 请写出html()和text()在获得值得时候两者的区别,和使用的场景。

和javaScript中的innerhtml(会识别js标签)和innertext(只会识别纯文本))

(2) 请说出val()和html()在获得值得时候两者的差异。

Val()适用于单标签,用于表单,只获得value值

Html()适用于双标签,不能用于表单,识别js标签

8. 操作页面的文本和值2

(1) 请写出html()和text()在赋值得时候两者的区别,和使用的场景。

Html(“赋值”):可以识别js标签

Text(“赋值”):不会识别js标签,全部作为文本赋值

(2) 请说出val()和html()在赋值得时候两者的差异。

Val(赋值):设置每个匹配元素中每个集合的值

Html(赋值):设置每一个匹配元素中的html内容

被多个元素调用时,会改变每一个元素的值()取值的话,只会取到第一个

9. 操作页面的元素1

(1) 请问appendTo 和append两个方法之间的区别是什么？

Append:是在元素后添加某个元素

Appendto;将元素添加到某个元素下

$("#div1").append(p)

// //语法不一样,逻辑不一样,作用一样

p.appendTo($("#div1"));

(2) 请问prepend和prependTo两个方法之间的区别是什么？

Prepend:是在元素前添加某个元素(添加在该元素下)

Prependto;将元素添加到某个元素下

// //添加p在div1 ---在现有标签前(div内)

$("#div1").prepend(p)

p.prependTo($("#div1"))

(3) 请说出before和afterd的使用场景是什么

你需要添加该元素的同级元素before添加在之前,after添加在之后

//添加p在div1 ---在现有标签前(div外,同级元素)

p.insertBefore($("#div1"))

$("#div1").before(p)

//添加p在div1 ---在现有标签后(div外,同级元素)

p.insertAfter($("#div1"))

$("#div1").after(p)

10. 操作页面的元素2

(1) 请问replaceAll("div p:nth-child(5)");代码是什么意思？

用一个新元素替换duv中的第五个p元素

/****************替换指定节点***********************/

$("#div1 p:nth-child(1)").replaceWith(p)

p.replaceAll("#div1 p:nth-child(1)")

(2) 请问replaceWith()和replaceAll()方法之间的区别是什么?

没什么区别,用法不同

$("#div1 p:nth-child(1)").replaceWith(p)

p.replaceAll("#div1 p:nth-child(1)")

(3) 请问 remove()和empty()之间的区别是什么？

Empty:只移除文本.保留元素

Remove():整个元素移除

11. 事件处理1

(1) 请说出 bind() 事件的作用和使用场景是什么？请列举

需要在一个元素上绑定多个事件采用json格式绑定

//可以用bind实现json格式绑定事件

$("#bind").bind({

'click':function(){alert("单机时间")},

'dblclick':function(){},

'blur':function(){alert("鼠标以上")}

})

(2) one()事件的使用的场景是什么？

不想让事件一直被使用,one()作用使事件使用一次就没了

$("#one").one({

'click':function(){alert("单机时间")},

'dblclick':function(){},

'blur':function(){alert("鼠标以上")}

})

12. 事件处理2

(1) 请说出trigger()这个事件的作用和使用，我们可以在什么位置来使用这个标签？

Trigger(),从另一个事件中可以使用指定对象的事件,

$("#tager").click(function(){

$("#in1").trigger('dblclick');

})

(2) 在JQ中如何可以解绑一个对象上的所有事件，如何解绑一个对象上的单个事件？

对象.Unbind(‘指定事件’)

$("#unbind").click(function(){

//不写参数,默认全部事件解绑

$("#in").unbind('click');

})

(3) live这个方法是解决什么问题的，现在还继续使用吗？

解决使用通过事件添加的方法,无法获得他的属性,只有1.7之前支持,之后的不支持

//方法添加元素 live 可以扫描到此方法`添加的按钮的属性,js版本1.7支持,后面的版本不支持

$(".in_to").live('click',function(){

alert("单机事件绑定")

$('body').append('<input type="button" name="" class="in_to" value="添加单击事件绑定" />')

})

Val()和text()和html()的区别

都是为了得到值,和赋值

Val():只能用于表单,

Text()和html():不能用于表单

Val(),html():当应用于多个参数时,只会返回第一个

Text():全部返回

Html(替换值):如果应用在多个元素上,则每个元素都会被替换(每个元素都会有一个替换值)

例子:

Script内:

$(function(){

var w=$(".ds").eq(1).html();

console.log(w)

})

Body内:

<div class="ds">

wudi1

</div>

<div class="ds">

wudi2

</div>

输出:

Wudi1

jquery 根据class名 赋值_jQuery简单用法!!!相关推荐

  1. jquery 根据class名 赋值_jquery 赋值 创建元素 添加class属于 html内容

    1. 选择器 在html里,我们可以使用网页特效选择一个html标记进行操作,比如修改html标记的属性,添加一个class属性等等.使用jquery选择一个html标记更加容易 1)通过html的i ...

  2. jquery 根据class名 赋值_jquery为input赋值方法总结

    摘要 腾兴网为您分享:jquery为input赋值方法总结,长江e号,学习帮,幸福钱庄,小学英语等软件知识,以及现代汉语词典第八版,手机文件,水星mw150um,吉他调音器,华为imei,allsha ...

  3. C语言高级编程：数组名赋值给指针变量的用法解析

    代码: #include<stdio.h>typedef struct test {int a;int b;int c; } TEST;TEST arr[]={{1,2,3},{4,5,6 ...

  4. jquery给单选按钮赋值_jquery循环遍历radio单选按钮，并设置选中状态

    背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置 因为自身js功底欠佳,所以耽误了点时间,现在把方 ...

  5. python装饰器实例-Python装饰器原理与简单用法实例分析

    本文实例讲述了Python装饰器原理与简单用法.分享给大家供大家参考,具体如下: 今天整理装饰器,内嵌的装饰器.让装饰器带参数等多种形式,非常复杂,让人头疼不已.但是突然间发现了装饰器的奥秘,原来如此 ...

  6. html.renderaction 控制器,Html.RenderAction简单用法

    CATransition(os开发之画面切换) 的简单用法 CATransition 的简单用法 //引进CATransition 时要添加包"QuartzCore.framework&qu ...

  7. Python爬虫及其它函数知识读记及简单用法,持续更新中...

    Python爬虫相关函数知识读记及简单用法,持续更新中- requests [riˈkwests] n. 请求,要求( request的名词复数 ): 需要: 所请求的事物: 申请书 函数或单词- 音 ...

  8. oracle sql plus 安装教程视频教程,oracle 安装与SQLPLUS简单用法

    一 安装oracle数据库成功之后,会显示相关的数据库信息: 全局数据库名:oracle 系统标识符(SID):oracle 服务器参数文件名:c:\oracle\product\10.2.0\db_ ...

  9. Windump网络命令的简单用法

    Windump网络命令的简单用法 大家都知道,unix系统下有个tcpdump的抓包工具,非常好用,是做troubleshooting的好帮手.其实在windows下也有一个类似的工作,叫windum ...

最新文章

  1. CVPR2021|基于分类深度分布网络的单目3D物体检测
  2. Unrecognised tag: #39;encoding#39; (position: START_TAG seen ...lt;/versiongt;\r\n\t\t\t\tlt;en...
  3. java8编译_为什么在Java7中编译而在Java8中编译？
  4. ios 中的基本算数函数
  5. VTK：图片之ImageIdealHighPass
  6. C++：extern关键字
  7. plotly包安装_Plotly（一）安装指南
  8. 爱的十个秘密--10.热情的力量
  9. centos dhcp 服务器搭建 多vlan
  10. 蓝牙强势整合UWB/wifi/zigbee
  11. ASP.NET 实现文件下载
  12. form 表单添加请求头_Golang GinWeb框架5-绑定多种请求类型的数据
  13. 计算机三级er图怎么画,visio2013怎么画ER图?
  14. PostgreSQL 视图
  15. MySQL初步认实和搭建LAMP环境部署ucenter和ucenter-home
  16. Redis数据结构之——跳表skiplist
  17. AI数学基础——经验分布，熵
  18. Ubuntu18.04下安装Nvidia驱动和CUDA10.1＋CUDNN
  19. CAN总线入门、LIN总线入门文档-蓝凑云下载。 LDFEditor下载 ISO-14229、15765、11898下载与阅读
  20. 基于freeradius的无线认证

热门文章

  1. python怎么连接MongoDB数据库
  2. python基础学习教程：Python基础语法
  3. Python多线程和队列结合demo
  4. Linux命令大全(Ubuntu18系统)
  5. wxWidgets：wxModule类用法
  6. boost::type_erasure::deduced相关的测试程序
  7. boost::adl_move_swap相关用法的测试程序
  8. boost::hana::cycle用法的测试程序
  9. allocator_is_always_equal的实例
  10. Boost：演示了black-scholes option 定价内核