JQuery：快速入门、JQ与JS相互转换、JQuery中的选择器

$(document).ready(function() {
    // 1. 使用JQuery快速打印出所有的<p>标签的内容
    $('p').each(function(idx, p) {
        console.log($(p).text());
    });
 
    // 2. 将JS对象转换为JQuery对象
    var jsParagraph = document.querySelector('p');
    $(jsParagraph).css('color', 'red');
 
    // 3. 使用JQuery选择器选取元素
    $('#myId').css('color', 'blue');          // ID选择器
    $('.myClass').css('font-size', '20px');   // 类选择器
    $('li:first').css('font-weight', 'bold');  // 伪类选择器
    $('a[href="http://example.com"]').css('text-decoration', 'none'); // 属性选择器
});

这段代码首先确保文档加载完毕，然后遍历并打印所有<p>标签的文本内容。接着，将一个普通的JavaScript DOM元素转换为JQuery对象，并修改它的文字颜色。最后，通过不同的选择器获取元素并修改它们的样式。