《小白H5成长之路9》学会使用jQuery经常使用的选择器

小微 科技《小白H5成长之路9》学会使用jQuery经常使用的选择器已关闭评论124字数 824阅读模式
摘要“小白,上午我们学会引入了jQuery,然后用jQuery改变了一个div的html内容,现在我们说一下jQuery时常使用的选择器,如果你用好jQuery选择器,你会发现改变一个...

“小白,上午咱们学会引入了jQuery,然后用jQuery扭转了一个div的html内容,现在咱们说一下jQuery经常使用的选择器,如果你用好jQuery选择器,你会发现扭转一个或一组容器的html内容是如斯的简单。”

“在jQuery里面最经常使用到的是id选择器,今天上午咱们刚用过那个办法。以前咱们也说过这里的选择器跟css选择器很像,所以咱们还可以通过别的方式进行选择。比如有这样一个html页面”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“我现在但愿让所有class为redline的内容变成:我的内容扭转了。可以这样来写$.html,可以看到这里通过类名进行选择的时候会在类名前面加个点,这跟咱们写css代码的时候类的写法是同样的。”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“如果咱们但愿所有的p标签的内容变为:‘”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“页面中id为main的div容器中包括了四个子div容器以及一个p容器,假如我但愿让main中的所有div内容产生扭转可以通过$.html进行选择更改。注意在好的元素,可以这样来写:$ 。属性选择器你有时间自己做点练习,我就不多说了!”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“最后给你说一点,咱们通过选择器选择到的对象不少情况下是一个数组,如果你不懂什么是数组可以去自学一下js的数组类型,比如$就包括了三个容器。”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“在jQuery里面获取某个容器的html内容,跟修改html内容用的是同一个办法,只无非不用传参数。比如咱们要获取main的html内容,可以用下面的代码实现:”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“如果获取类名为redline的html内容如何拿呢?”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

小白激动的答道:“$.html呗!”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

老朱说:“小白你把代码写到页面里面试试,看看节制台输出!”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

小白绝望的说:“如何只输出了第一行?”文章源自微观生活(93wg.com)微观生活-https://93wg.com/7874.html

“小白,我刚跟你说了,如果同时选择的是多个容器,他们就是一个对象数组,你刚输出的只是第一个容器的html内容。你再想一想方法!”

“朱哥,我

以上就是微观生活(93wg.com)关于“《小白H5成长之路9》学会使用jQuery经常使用的选择器”的详细内容,希望对大家有所帮助!

继续阅读
 
小微
  • 版权声明: 本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们(管理员邮箱:81118366@qq.com),情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!
  • 转载请务必保留本文链接:https://93wg.com/7874.html